/* FELIX member space, order vault, reset tools and purchase receipts. */
.member-space,.orders-space,.reset-space{max-width:1180px}
.space-heading{display:flex;align-items:center;gap:17px;margin:8px 0 28px;min-width:0}
.space-heading>div{min-width:0;flex:1}
.space-heading-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:1px solid #ff334346;border-radius:18px;background:linear-gradient(145deg,#401b23,#15151a);color:#ff8590}
.space-heading-icon .icon{width:26px;height:26px}
.space-heading .eyebrow{margin-bottom:7px}
.space-heading h1{font-size:clamp(26px,4vw,42px);margin-bottom:9px;overflow-wrap:anywhere}
.space-heading p:last-child{color:var(--muted);font-size:12px;margin:0;line-height:1.6}
.space-heading>.button{flex-shrink:0}
.space-heading>.button.space-refresh{display:flex;align-items:center;justify-content:center;gap:0;padding:0;width:44px;height:44px;min-width:44px;min-height:44px}
.space-heading>.button.space-refresh .icon{width:18px;height:18px;display:block;margin:0}
.space-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff24;border-radius:50px;background:#18181ce8;padding:6px 10px;font-size:9px;letter-spacing:.07em;color:#d2cbd0;white-space:nowrap}
.space-badge .icon{width:12px;height:12px}
.space-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;min-width:0}
.space-panel-heading>div{min-width:0}
.space-panel-heading .eyebrow{font-size:9px;margin-bottom:7px}
.space-panel-heading h2{font-size:20px;margin:0;overflow-wrap:anywhere;letter-spacing:-.035em}
.space-panel-heading>.icon{color:#ff8590;width:19px;height:19px}
.panel-caption{font-size:12px;color:var(--muted);line-height:1.7;margin:0}
.member-card{overflow:hidden;background:linear-gradient(135deg,#1d181c,#111115);border:1px solid #493139;border-radius:25px;box-shadow:0 18px 70px #0004;animation:space-reveal .3s ease-out}
.member-cover{height:245px;position:relative;overflow:hidden;background:#32121a}
.member-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 46%}
.member-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#181418,#09090b20 70%)}
.member-cover-brand{position:absolute;left:28px;top:27px;z-index:1;font-family:"Bahnschrift","Arial Black",sans-serif;font-size:22px;font-weight:900;letter-spacing:-.04em;text-shadow:0 2px 20px #000}
.member-cover-brand>span{display:block;font-size:7px;letter-spacing:.52em;color:#ff6370;margin-top:2px}
.member-cover>.space-badge{position:absolute;right:22px;top:25px;z-index:1;backdrop-filter:blur(12px)}
.member-identity{position:relative;padding:0 28px 26px;margin-top:-35px;display:flex;align-items:flex-end;gap:19px;min-width:0}
.member-avatar{height:100px;width:100px;flex:0 0 100px;object-fit:cover;border:5px solid #19151a;border-radius:27px;box-shadow:0 10px 25px #0006;background:#242027}
.member-identity>div{min-width:0;flex:1;padding-top:40px}
.member-identity .eyebrow{font-size:8px;margin:0 0 6px;letter-spacing:.16em}
.member-identity h2{margin:0 0 7px;font-size:30px;line-height:1.2;overflow-wrap:anywhere}
.member-identity p:last-child{color:#aaa3ac;font-size:12px;margin:0;overflow-wrap:anywhere}
.member-since{color:#847c87;text-align:right;font-size:10px;flex-shrink:0;padding-bottom:4px;line-height:1.6}
.member-since strong{color:#c4bdc7;font-weight:600}
.member-stats,.space-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;min-width:0}
.member-stats{border-top:1px solid #ffffff0e;background:#ffffff03}
.space-stat{min-width:0;padding:15px 18px;position:relative;text-align:center}
.space-stat+.space-stat{border-left:1px solid #ffffff0b}
.space-stat-value{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.space-stat-value>.icon{width:16px;height:16px;color:#ff7b88}
.space-stat strong{display:block;color:#f3eee9;font-size:25px;letter-spacing:-.045em;line-height:1.25;overflow-wrap:anywhere}
.space-stat-value strong{min-width:0}
.space-stat>span{display:block;margin-top:5px;font-size:9px;color:#918a95;text-transform:uppercase;letter-spacing:.1em;line-height:1.4}
.member-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 25px}
.member-actions .button{font-size:11px;padding:12px 8px;gap:7px;min-width:0}
.member-actions .icon{width:15px;height:15px}
.member-dashboard{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-bottom:20px}
.member-dashboard .panel,.profile-settings .panel,.reset-layout .panel,.topup-history,.reset-history{border-color:#393039;background:linear-gradient(135deg,#17151b,#101014);padding:25px}
.activity-panel{display:flex;flex-direction:column;justify-content:space-between}
.activity-chart{width:100%;height:auto;display:block;margin:10px 0 13px;overflow:visible}
.chart-grid{fill:none;stroke:#ffffff0c;stroke-dasharray:3 5}
.chart-bar{fill:#ec3e50}
.chart-bar.empty{fill:#35242d}
.chart-count{fill:#e3d8dd;font-size:10px;font-weight:700;font-family:inherit}
.chart-day{fill:#8d8591;font-size:9px;font-family:inherit}
.activity-panel .panel-caption{font-size:10px;text-align:center}
.member-detail{display:grid;grid-template-columns:16px max-content minmax(0,1fr);align-items:center;gap:10px;border-top:1px solid #ffffff0b;padding:13px 0;min-width:0;font-size:11px}
.member-detail .icon{width:15px;height:15px;color:#cb5b67}
.member-detail>span{color:#a49ba7}
.member-detail strong{text-align:right;font-size:11px;font-weight:600;overflow-wrap:anywhere;min-width:0}
.profile-settings{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}
.profile-panel-heading{flex-direction:column;text-align:center;gap:13px;margin-bottom:23px}
.profile-panel-heading>.icon{box-sizing:content-box;width:23px;height:23px;padding:13px;border:1px solid #ff334332;border-radius:16px;background:radial-gradient(circle at 25% 0,#ff334320,transparent),#22151b;color:#f88795}
.profile-panel-heading h2{font-size:23px}
.profile-panel-heading p:last-child{color:#a799a6;font-size:11px;line-height:1.6;margin:9px 0 0}
.appearance-panel .profile-photo-picker{display:flex;flex-direction:column;align-items:center;text-align:center;gap:11px;padding:22px 14px;border:1px dashed #a55f7070;border-radius:17px;background:radial-gradient(ellipse at 50% 0,#9f233125,transparent 85%),#100e13;cursor:pointer;min-width:0}
.profile-photo-picker:hover{border-color:#ee7f8e;background-color:#21131a}
.profile-photo-picker:has(:focus-visible){outline:2px solid var(--red);outline-offset:4px}
.profile-photo-preview{height:88px;width:88px;position:relative;display:block;margin-bottom:4px}
.profile-photo-preview>img{width:100%;height:100%;object-fit:cover;border-radius:25px;border:3px solid #ffffff15;box-shadow:0 8px 25px #0006}
.profile-photo-preview>span{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;height:29px;width:29px;border-radius:9px;border:2px solid #171218;background:#db263d;color:#fff}
.profile-photo-preview .icon{height:14px;width:14px}
.profile-photo-picker>strong{font-size:13px;color:#f0dfe6}
.profile-file-name{font-size:10px;line-height:1.5;color:#ac8e9d;overflow-wrap:anywhere;text-align:center;max-width:100%}
.profile-photo-note{text-align:center;font-size:10px;color:#a895a3;line-height:1.6;margin:0}
#profile-avatar{gap:15px;scroll-margin-top:100px}
.profile-settings [type=submit]{width:100%;min-height:46px}
.profile-password-row>label{display:block;font-size:11px;color:#d8cbd5;margin-bottom:8px}
.profile-password-field{position:relative}
.profile-password-field>input{padding-left:40px;padding-right:49px;min-height:49px}
.profile-password-field>.icon{position:absolute;left:13px;top:15px;width:16px;height:16px;color:#b68a9b}
.profile-password-field>.button{position:absolute;right:2px;top:2px;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#a790a5}
.profile-password-field>.button .icon{height:17px;width:17px}
.security-hint{text-align:center;font-size:10px;line-height:1.65;margin:0}
.security-panel .form-grid{gap:17px}
.space-stats{border:1px solid #3d2d36;background:linear-gradient(120deg,#211419,#131318);border-radius:20px;overflow:hidden;margin-bottom:25px}
.orders-toolbar{margin-bottom:20px}
.orders-toolbar .search-field{display:block;margin-bottom:13px}
.orders-toolbar input{height:46px}
.order-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%}
.order-filters .filter-chip{border-radius:10px;min-height:44px;font-size:11px;white-space:normal;text-align:center;padding:11px 5px;line-height:1.3}
.order-card{display:block;padding:21px;border-color:#3b2e37;background:linear-gradient(145deg,#1b171e,#111115);border-radius:20px;animation:space-reveal .25s ease-out}
.order-card-top{display:grid;grid-template-columns:74px minmax(0,1fr) max-content;align-items:center;gap:15px;min-width:0}
.order-art{width:74px;height:74px;object-fit:cover;flex-shrink:0;border-radius:15px;background:#222026;border:1px solid #ffffff0c}
.order-card-title{min-width:0}
.order-card-title .eyebrow{font-size:8px;letter-spacing:.08em;margin:0 0 7px;overflow-wrap:anywhere}
.order-card-title h3{font-size:19px;line-height:1.25;margin:0 0 7px;overflow-wrap:anywhere}
.order-card time,.deposit-row time,.reset-request time{font-size:10px;color:#807786}
.order-amount{text-align:right;min-width:0}
.order-amount strong{display:block;font-size:23px;letter-spacing:-.04em;line-height:1.2;margin-bottom:10px;overflow-wrap:anywhere}
.order-amount .pill{font-size:8px}
.order-facts{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid #ffffff0a;margin:16px 0 12px;padding-top:13px;min-width:0}
.order-facts>span{display:flex;align-items:center;gap:5px;color:#a59ca9;font-size:10px;min-width:0;overflow-wrap:anywhere}
.order-facts .icon{width:13px;height:13px;color:#d28893}
.order-facts .order-reference{margin-left:auto;font-family:"Consolas",monospace;font-size:9px}
.order-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.order-card-actions .button{min-height:44px;font-size:11px;min-width:0;width:100%}
.order-card-actions>.button:nth-child(3),.order-card-actions>.button:first-child:last-child{grid-column:1/-1}
.topup-history{margin-top:25px}
.deposit-row{display:flex;align-items:center;gap:13px;border-top:1px solid #ffffff0b;padding:16px 0}
.deposit-row>div{flex:1;min-width:0}
.deposit-row strong{font-size:16px}
.deposit-row p{font-size:11px;margin:4px 0;overflow-wrap:anywhere}
.deposit-row:has([data-action=funding-check]){flex-wrap:wrap}
.deposit-row [data-action=funding-check]{flex:1 0 calc(100% - 47px);margin-left:47px;min-height:44px;font-size:11px}
.deposit-glyph,.reset-request-glyph{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ff33432d;border-radius:11px;background:#ff33430b;color:#e8909a;flex:0 0 38px}
.deposit-glyph .icon,.reset-request-glyph .icon{width:17px;height:17px}
.delivery-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ae4a6055;border-radius:17px;background:#131116;padding:22px 16px;text-align:center;margin-bottom:13px}
.delivery-cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.55)}
.delivery-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#16080edb,#101017b0),linear-gradient(0deg,#130c14e8,transparent);pointer-events:none}
.delivery-glyph{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 13px;border:1px solid #e595a844;border-radius:15px;color:#ff8795;background:#ff33431c;box-shadow:0 5px 25px #0006}
.delivered .delivery-glyph{background:#45d39b13;border-color:#45d39b55;color:#7cdfb6}
.delivery-hero .eyebrow{font-size:8px;margin-bottom:9px}
.delivery-hero h3{font-size:21px;line-height:1.2;margin-bottom:10px;overflow-wrap:anywhere}
.delivery-hero>p:last-child{color:#a99baa;font-size:11px;margin:0;line-height:1.6}
.delivery-summary{align-items:center}
.delivery-reference{overflow-wrap:anywhere;font-family:"Consolas",monospace;font-size:9px;line-height:1.8;margin:17px 0 0;text-align:center}
.delivery-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.delivery-actions>.button{min-width:0;width:100%;min-height:46px;padding:11px 8px;font-size:11px;gap:7px;white-space:normal;text-align:center}
.delivery-actions.has-keys>.button:first-child,.delivery-actions>.button:first-child:last-child{grid-column:1/-1}
.delivery-files{border:1px solid #93495966;background:linear-gradient(120deg,#4f18252b,#171217);padding:15px;border-radius:13px;margin:14px 0}
.delivery-files.is-compact{padding:0;border:0;background:none;margin:13px 0}
.delivery-files-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.delivery-files-heading>.icon{height:22px;width:22px;color:#f18b9b}
.delivery-files-heading>div{min-width:0}
.delivery-files-heading strong{display:block;font-size:13px;color:#ecdae3}
.delivery-files-heading span{display:block;font-size:10px;line-height:1.5;color:#a68fa1;margin-top:4px}
.delivery-file-links{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.delivery-file-links>.button{width:100%;min-width:0;min-height:45px;font-size:11px;padding:11px 13px;border-color:#c05c7466;background:#44222e55;color:#f1becb}
.delivery-file-links>.button>span{flex:1;text-align:center;overflow-wrap:anywhere}
.delivery-file-links>.button>.icon:last-child{height:13px;width:13px;color:#c28497}
.is-checkout .key-item{border-color:#54313c;background:#120e14;padding:13px}
.is-checkout .key-item code{font-size:11px;line-height:1.8;min-width:0}
.is-checkout .flex-actions{gap:8px}
.is-checkout .flex-actions .button{font-size:11px;min-height:42px;padding:10px 12px}
.reset-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:20px;align-items:start}
.reset-form-panel .space-panel-heading h2{font-size:24px}
.reset-form-panel .form-grid{gap:13px}
.reset-field-label{color:#ba97a2;font-size:10px;font-weight:800;letter-spacing:.15em}
.reset-picker{border:1px solid #4a3441;border-radius:14px;background:#100e14;min-width:0}
.reset-picker summary{display:flex;align-items:center;gap:11px;padding:13px;list-style:none;cursor:pointer;min-width:0;min-height:72px}
.reset-picker summary::-webkit-details-marker{display:none}
.reset-summary-art{height:42px;width:42px;flex:0 0 42px;background:#26202c;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:#e3adb7}
.reset-summary-art img{height:100%;width:100%;object-fit:cover}
.reset-summary-art .icon{width:21px;height:21px}
.reset-picker summary>span:nth-child(2){min-width:0;flex:1}
.reset-picker summary strong{font-size:14px;display:block;line-height:1.35;overflow-wrap:anywhere}
.reset-picker summary small{font-size:10px;color:#8f8196;display:block;margin-top:4px;overflow-wrap:anywhere}
.reset-picker summary>.icon{width:17px;height:17px;color:#b898a5;transition:transform .2s}
.reset-picker[open] summary>.icon{transform:rotate(180deg)}
.reset-options{border-top:1px solid #4a3441;max-height:310px;overflow:auto;overscroll-behavior:contain;padding:6px}
.reset-options button{display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #ffffff0a;background:transparent;color:var(--ink);width:100%;padding:11px 8px;text-align:left;border-radius:8px}
.reset-options button:hover,.reset-options button[aria-pressed=true]{background:#ff334313}
.reset-options button>img{width:36px;height:36px;object-fit:cover;border-radius:8px;flex-shrink:0}
.reset-options button>span{flex:1;min-width:0}
.reset-options strong{font-size:12px;display:block;line-height:1.4;overflow-wrap:anywhere}
.reset-options small{display:block;font-size:9px;color:#93849b;margin-top:3px;overflow-wrap:anywhere}
.reset-options .icon{width:14px;height:14px;color:#b798a4}
.reset-options>.panel-caption{padding:12px}
.reset-key-field{position:relative}
.reset-key-field>.icon{position:absolute;top:17px;left:15px;width:18px;height:18px;color:#b68c9c}
.reset-key-field input{height:54px;padding-left:45px;font-size:13px;letter-spacing:.02em;min-width:0;font-family:"Consolas",monospace}
.reset-ownership-note{display:flex;align-items:flex-start;gap:11px;padding:16px;background:#ff334309;border:1px solid #ff33432b;border-radius:13px}
.reset-ownership-note>.icon{width:18px;height:18px;color:#f28b9a;margin-top:2px}
.reset-ownership-note p{margin:0;font-size:11px;color:#b29faa;line-height:1.7}
.reset-selection-note{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #ffffff12;padding:14px;border-radius:12px}
.reset-selection-note>.icon{color:#ca8290;width:18px;height:18px}
.reset-selection-note span{color:#84718a;font-size:10px;min-width:0}
.reset-selection-note strong{display:block;color:#e4d9e0;font-size:13px;margin-top:3px;overflow-wrap:anywhere}
.reset-form-panel [type=submit]{min-height:48px;margin-top:2px}
.owned-key-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #ffffff0c;min-width:0}
.owned-key-row>span{display:grid;place-items:center;height:33px;width:33px;flex:0 0 33px;border-radius:9px;background:#ff33430c;color:#d88d9b}
.owned-key-row>span>.icon{width:15px;height:15px}
.owned-key-row>div{flex:1;min-width:0}
.owned-key-row strong{display:block;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.owned-key-row code{font-size:10px;color:#9a869b;display:block;margin-top:4px;overflow-wrap:anywhere}
.owned-key-row .button{min-height:44px;padding:8px 12px;font-size:10px;flex-shrink:0}
.owned-keys-panel>.form-hint{margin-top:15px}
.reset-history{margin-top:24px}
.reset-request{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-top:1px solid #ffffff0b;flex-wrap:wrap;min-width:0}
.reset-request>div{min-width:0;flex:1}
.reset-request strong{font-size:13px}
.reset-request p{color:#a996aa;font-size:11px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}
.reset-request .pill{margin-top:4px;max-width:100%;overflow-wrap:anywhere}
.reset-request>.button{margin-left:50px}
.content-dialog.is-receipt{width:min(620px,calc(100% - 24px));background:#f3efe7;color:#241d22;border-color:#a69d95;border-radius:20px}
.is-receipt .dialog-shell{padding:27px}
.is-receipt .dialog-close{background:#fff9;border-color:#a89a9b55;color:#41373e;top:18px;right:18px}
.receipt-controls{padding-right:40px;margin-bottom:25px}
.receipt-controls .button{background:#fff6;border-color:#d9ced0;color:#503d46;font-size:10px;padding:8px 11px}
.receipt-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:2px solid #ba293c;padding-bottom:19px}
.receipt-brand{display:flex;align-items:center;gap:11px}
.receipt-brand>img{width:37px;height:37px;border-radius:9px}
.receipt-brand strong{font-family:"Bahnschrift","Arial Black",sans-serif;font-size:26px;letter-spacing:-.055em;line-height:1}
.receipt-brand strong span{display:block;color:#a82035;font-size:8px;letter-spacing:.45em;margin-top:5px}
.receipt-paid{display:inline-flex;align-items:center;gap:5px;border:1px solid #20755355;border-radius:6px;background:#2075530b;color:#216b51;padding:5px 8px;font-size:9px;font-weight:800;letter-spacing:.12em}
.receipt-paid .icon{height:13px;width:13px}
.receipt-title{padding:22px 0 18px}
.receipt-title .eyebrow{font-size:8px;color:#a52739;margin-bottom:8px}
.receipt-title h2{font-size:26px;padding:0;letter-spacing:-.04em;line-height:1.2;margin-bottom:9px}
.receipt-title>p:last-child{font-family:"Consolas",monospace;color:#7b6871;font-size:11px;margin:0}
.receipt-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#dacece25;border:1px solid #d1c4c4;padding:15px;border-radius:11px;margin-bottom:15px}
.receipt-parties>div{min-width:0}
.receipt-parties small,.receipt-meta small{display:block;font-size:8px;font-weight:700;letter-spacing:.1em;color:#8b717e;margin-bottom:6px}
.receipt-parties strong{font-size:12px;display:block;overflow-wrap:anywhere}
.receipt-parties span,.receipt-parties a{display:block;font-size:10px;margin-top:5px;color:#765f6e;overflow-wrap:anywhere}
.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 2px 20px}
.receipt-meta span{font-size:11px;display:block;overflow-wrap:anywhere}
.receipt-items{border-collapse:collapse;width:100%;table-layout:fixed;border-top:1px solid #ad959e;border-bottom:1px solid #ad959e;font-size:11px}
.receipt-items th{text-align:left;font-size:8px;letter-spacing:.08em;color:#826775;background:#cab9bc22;padding:11px 5px}
.receipt-items th:first-child{width:49%}
.receipt-items th:nth-child(2){width:10%}
.receipt-items th:nth-child(3){width:19%}
.receipt-items th:last-child{width:22%}
.receipt-items td{padding:16px 5px;vertical-align:top;overflow-wrap:anywhere}
.receipt-items td strong{display:block;font-size:12px;line-height:1.5}
.receipt-items td span{display:block;font-size:10px;color:#856e7b;margin-top:4px}
.receipt-items th:not(:first-child),.receipt-items td:not(:first-child){text-align:right}
.receipt-refund{display:flex;gap:7px;border:1px solid #d6b28b;border-radius:9px;padding:11px;color:#85603e;font-size:10px;margin-top:14px;line-height:1.6}
.receipt-refund .icon{height:14px;width:14px;flex-shrink:0;margin-top:2px}
.receipt-totals{margin:17px 0 0 auto;max-width:280px}
.receipt-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:10px;color:#786674}
.receipt-totals>div:last-child{padding-top:12px;border-top:1px solid #d2c3c9;color:#31232b;font-size:13px;font-weight:700}
.receipt-totals>div:last-child strong{font-size:27px;letter-spacing:-.05em;color:#a9253a}
.receipt-endorsement{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 12px 20px}
.receipt-signature{width:min(250px,60%);min-width:0;color:#473039}
.receipt-signature svg{width:100%;height:auto;display:block;overflow:visible}
.signature-writing{font-family:"Brush Script MT","Segoe Script",Georgia,cursive;font-style:italic;font-size:42px;fill:currentColor;animation:signature-reveal 1.5s ease-out}
.signature-stroke{stroke:#a52439;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;animation:signature-draw 1.4s ease-out}
.receipt-signature>span{font-size:7px;font-weight:700;letter-spacing:.22em;color:#816773;margin-left:7px}
.receipt-seal{position:relative;border:2px solid #a5293d;border-radius:50%;width:112px;height:112px;flex:0 0 112px;color:#a5293d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;transform:rotate(-11deg);animation:seal-arrive .45s ease-out}
.receipt-seal::before{content:"";position:absolute;inset:4px;border:1px dashed #a5293d88;border-radius:50%}
.receipt-seal>span{font-size:7px;font-weight:800;letter-spacing:.15em}
.receipt-seal>.icon{width:26px;height:26px}
.receipt-seal b{font-size:6px;letter-spacing:.04em}
.receipt-seal small{font-size:5px;letter-spacing:.12em}
.receipt-footer{border-top:1px solid #d2c3c9;text-align:center;padding:15px 0 0}
.receipt-footer>strong{font-size:11px;color:#a72a3f}
.receipt-footer p{font-size:9px;color:#8c7380;margin:6px 0 10px}
.receipt-footer small{display:block;font-family:"Consolas",monospace;font-size:8px;color:#a08b95;overflow-wrap:anywhere}
@keyframes space-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes signature-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes signature-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes seal-arrive{from{opacity:0;transform:rotate(-20deg) scale(1.1)}to{opacity:1;transform:rotate(-11deg) scale(1)}}
@media(max-width:760px){
  .member-dashboard,.profile-settings,.reset-layout{grid-template-columns:minmax(0,1fr)}
  .member-cover{height:200px}
  .space-heading{gap:12px;margin:3px 0 22px}
  .space-heading-icon{height:44px;width:44px;flex-basis:44px;border-radius:14px}
  .space-heading-icon .icon{width:21px;height:21px}
  .space-heading>.button{font-size:0;padding:10px;min-width:40px}
  .space-heading>.button .icon{width:16px;height:16px}
  .member-identity{padding:0 18px 20px;gap:12px;align-items:center;flex-direction:column;text-align:center;margin-top:-42px}
  .member-avatar{height:84px;width:84px;flex-basis:84px;border-radius:24px}
  .member-identity>div{padding-top:0;width:100%}
  .member-identity h2{font-size:24px}
  .member-identity p:last-child{font-size:10px}
  .member-since{width:100%;padding-left:0;text-align:center;font-size:9px}
  .member-since br{display:none}
  .member-since strong{margin-left:5px}
  .member-cover-brand{left:20px;top:20px;font-size:19px}
  .member-cover>.space-badge{right:17px;top:20px;font-size:7px;padding:6px 8px}
  .member-cover>.space-badge .icon{width:10px;height:10px}
  .member-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .member-actions .button{min-height:44px;font-size:9px;padding:11px 6px;gap:5px}
  .member-actions .icon{width:13px;height:13px}
  .space-stats,.member-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .space-stat{padding:13px 14px}
  .space-stat:nth-child(2n+1){border-left:0}
  .space-stat:nth-child(n+3){border-top:1px solid #ffffff0b}
  .space-stat strong{font-size:23px}
  .space-stat span{font-size:8px}
  .member-dashboard .panel,.profile-settings .panel,.reset-layout .panel,.topup-history,.reset-history{padding:20px}
  .space-panel-heading h2{font-size:19px}
  .member-detail{font-size:10px;grid-template-columns:14px max-content minmax(0,1fr);gap:8px}
  .member-detail strong{font-size:10px}
  .order-card{padding:16px}
  .order-card-top{grid-template-columns:52px minmax(0,1fr) minmax(0,.7fr);gap:10px}
  .order-art{height:52px;width:52px;border-radius:11px}
  .order-card-title .eyebrow{font-size:6px;letter-spacing:.04em;margin-bottom:5px}
  .order-card-title h3{font-size:14px;margin-bottom:5px}
  .order-card time{font-size:8px}
  .order-amount strong{font-size:18px;margin-bottom:7px}
  .order-amount .pill{font-size:6px;letter-spacing:.02em;padding:3px 5px}
  .order-facts{gap:8px;margin-top:13px;padding-top:12px}
  .order-facts>span{font-size:9px}
  .order-facts .order-reference{font-size:8px;margin-left:0}
  .order-card-actions .button{flex:1;padding:10px 8px;min-height:44px;font-size:10px}
  .order-card-actions .icon{height:14px;width:14px}
  .order-filters{gap:5px}
  .order-filters .filter-chip{font-size:9px;padding:11px 4px}
  .reset-form-panel .space-panel-heading{flex-wrap:wrap;gap:10px}
  .reset-form-panel .space-panel-heading h2{font-size:22px}
  .reset-form-panel .space-badge{font-size:7px}
  .reset-picker summary{padding:11px;gap:9px}
  .reset-picker summary strong{font-size:13px}
  .reset-picker summary small{font-size:9px}
  .reset-ownership-note{padding:13px;gap:9px}
  .reset-ownership-note p{font-size:10px}
  .reset-request{gap:9px}
  .reset-request-glyph{width:32px;height:32px;flex-basis:32px}
  .reset-request strong{font-size:12px}
  .reset-request .pill{font-size:7px}
  .reset-request>.button{margin-left:41px}
  .is-receipt .dialog-shell{padding:20px 16px}
  .receipt-title h2{font-size:23px}
  .receipt-parties{padding:12px;gap:13px}
  .receipt-parties small,.receipt-meta small{font-size:7px}
  .receipt-parties strong{font-size:10px}
  .receipt-parties span,.receipt-parties a{font-size:9px}
  .receipt-meta{gap:13px}
  .receipt-meta span{font-size:9px}
  .receipt-items th{font-size:6px;letter-spacing:0;padding:9px 3px}
  .receipt-items td{font-size:9px;padding:12px 3px}
  .receipt-items td strong{font-size:10px;line-height:1.5}
  .receipt-items td span{font-size:9px}
  .receipt-seal{height:86px;width:86px;flex-basis:86px;gap:3px}
  .receipt-seal>.icon{width:22px;height:22px}
  .receipt-seal>span{font-size:6px}
  .receipt-seal b{font-size:5px}
  .receipt-seal small{font-size:4px}
  .receipt-endorsement{gap:12px;padding-left:8px;padding-right:8px}
}
@media(prefers-reduced-motion:reduce){.member-card,.order-card,.signature-writing,.signature-stroke,.receipt-seal{animation:none!important}}
@media print{
  @page{size:A4;margin:14mm}
  body:has(.is-receipt[open]){background:white;color:#222;padding:0}
  body:has(.is-receipt[open])>*:not(#content-dialog){display:none!important}
  body:has(.is-receipt[open])::before{display:none}
  dialog.is-receipt[open]{position:static;inset:auto;margin:0;display:block;width:100%;max-width:none;max-height:none;overflow:visible;background:white;color:#222;border:0;box-shadow:none;border-radius:0}
  .is-receipt::backdrop{display:none;background:none}
  .is-receipt .dialog-shell{padding:0;overflow:visible}
  .is-receipt .dialog-close,.receipt-controls{display:none!important}
  .receipt-sheet{width:100%;break-inside:avoid}
  .receipt-title h2{font-size:26px}
  .receipt-parties strong,.receipt-items td strong{font-size:12px}
  .receipt-items td,.receipt-meta span{font-size:11px}
  .receipt-items th{font-size:8px}
  .receipt-paid{color:#216b51}
  .receipt-seal{height:112px;width:112px;flex-basis:112px}
  .receipt-seal>span{font-size:7px}.receipt-seal b{font-size:6px}.receipt-seal small{font-size:5px}
  .receipt-signature{width:250px}
  .signature-writing,.signature-stroke,.receipt-seal{animation:none;clip-path:none}
  .receipt-sheet a{color:inherit;text-decoration:none}
}