/* Authenticated Matrix Pay dashboard. Sign-in and sign-up keep their own layout. */
.layout.is-authenticated{display:block;max-width:1560px;padding:24px clamp(14px,3vw,48px) 44px;margin:auto}
.layout.is-authenticated .intro{display:none}
.layout.is-authenticated .account{display:grid;grid-template-columns:258px minmax(0,1fr);padding:0;margin:0;min-height:calc(100vh - 135px);overflow:clip;background:#10191a;border:1px solid #36554a;border-radius:20px;box-shadow:0 28px 80px #030a0b90}
.account-sidebar{min-width:0;padding:28px 18px;background:linear-gradient(155deg,#172b2a,#111b20 75%);border-right:1px solid #32554d}
.account-sidebar .account-head{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.account-sidebar .account-head>div{min-width:0}
.account-sidebar .kicker{margin:0 0 10px;font-size:10px;letter-spacing:.23em;color:#82d7bd}
.account-sidebar h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:720;line-height:1.16;letter-spacing:-.025em;overflow-wrap:anywhere}
.account-sidebar #account-email{font-size:12px;overflow-wrap:anywhere;margin:9px 0}
.account-sidebar .status{margin:10px 0 4px;font-size:12px;padding:7px 11px}
.account-sidebar #account-guidance{font-size:12px;line-height:1.5}
.account-sidebar .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}
.account-sidebar .info-grid>div{min-width:0;padding:11px;border-color:#486358;background:#122321}
.account-sidebar .info-grid small{font-size:11px;line-height:1.4;margin:0 0 5px}
.account-sidebar .info-grid strong{font-size:18px}
.account-sidebar .notice{font-size:11px;line-height:1.5;margin:20px 0;color:#aabdb2;border-color:#3b574e}
.account-sidebar #logout,.account-sidebar #master-link{width:100%;text-align:center;font-size:12px;padding:9px 12px}
.account-sidebar #master-link{color:#bcefd3}
.account-nav{display:grid;gap:7px;margin:22px 0 0;position:sticky;top:18px}
.account-nav a{display:flex;align-items:center;gap:12px;padding:8px 9px;border:1px solid transparent;border-radius:11px;text-decoration:none;color:#d3e6dd;font-size:13px;font-weight:700;background:#1b3130}
.account-nav a:hover,.account-nav a:focus-visible{border-color:#76dcb8;background:#244039;outline-offset:3px}
.account-nav a span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#285347;color:#9cf5d0;font-size:22px;line-height:1}
.account-workspace{min-width:0;padding:26px clamp(16px,2.7vw,40px) 38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start;background:radial-gradient(ellipse at 92% 4%,#173c3433,transparent 35%),#0e1719}
.customer-hero{grid-column:1/-1;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,.65fr);gap:16px;padding:clamp(22px,3vw,36px);border:1px solid #548675;border-radius:18px;background:linear-gradient(115deg,#19352f,#12272b 62%,#122229)}
.customer-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.27;background-image:linear-gradient(#8ae1c01b 1px,transparent 1px),linear-gradient(90deg,#8ae1c01b 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent 15%,#000)}
.customer-hero:after{content:'';position:absolute;width:350px;height:350px;right:-105px;top:-170px;z-index:-1;border:1px solid #97efc966;border-radius:50%;box-shadow:0 0 0 44px #74dfbb0b,0 0 0 88px #74dfbb08}
.hero-copy{min-width:0}.hero-label{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.17em;font-weight:800;color:#a5f1d0}.pulse{width:7px;height:7px;border-radius:50%;background:#a7f5d5;box-shadow:0 0 11px #a7f5d5}
.customer-hero h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(30px,3.6vw,48px);font-weight:760;letter-spacing:-.055em;line-height:1.1;margin:20px 0 12px;overflow-wrap:anywhere}.hero-period{color:#a6eac8}.hero-copy p{max-width:410px;color:#bfd5ca;font-size:14px;line-height:1.55}
.hero-amount{align-self:center;min-width:0;padding:18px 20px;border:1px solid #8ddeba55;border-radius:14px;background:#071b1c9c;box-shadow:inset 0 1px #a2f4cb1e}.hero-amount>span,.hero-stats span{display:block;color:#a5c8b7;font-size:10px;font-weight:800;letter-spacing:.12em}.hero-amount strong{display:block;font-size:clamp(27px,3.5vw,43px);font-variant-numeric:tabular-nums;letter-spacing:-.055em;margin:10px 0;color:#d6ffe5;overflow-wrap:anywhere}.hero-amount small{display:block;color:#a6baa9;font-size:11px;line-height:1.4}
.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-stats>div{background:#091f20b3;border:1px solid #77d0ad44;border-radius:11px;padding:14px 16px;min-width:0}.hero-stats strong{display:block;color:#f4dfaa;font-size:21px;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin-top:6px}
.quick-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick-actions>a,.quick-actions>.action-unavailable{min-width:0;display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #3e675a;border-radius:13px;background:#1a292a;text-decoration:none;color:#e6f6e8;font-size:14px;font-weight:750}
.quick-actions>a:hover,.quick-actions>a:focus-visible{background:#213d38;border-color:#a6f0cc;outline-offset:3px}.quick-actions small{display:block;color:#aac4b3;font-size:11px;font-weight:500;margin-top:3px}.action-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#294f41;color:#bbffd9;font-size:23px}.action-arrow{margin-left:auto;color:#b8e5c8}.action-unavailable{opacity:.63}.action-unavailable .action-icon{background:#393a2c;color:#dfcea0}
.account-workspace>.payments{min-width:0;margin:0;padding:21px;border:1px solid #3e5d54;border-radius:15px;background:#172225}
.account-workspace>.payments h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:730;letter-spacing:-.035em;margin:0 0 10px}
.account-workspace>.payments>.muted{font-size:12px;line-height:1.6;margin:0 0 15px}
.account-workspace #pix-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;align-items:end}
.account-workspace #pix-form label{min-width:0;margin:8px 0;font-size:12px}.account-workspace #pix-form input{margin-top:7px;padding:12px}.account-workspace #pix-form .primary{grid-column:1/-1;background:#a5f0c5;color:#10271c}.account-workspace #pix-form .primary:hover{background:#c3f8d9}
.account-workspace #payment-list{max-height:470px;overflow:auto;scrollbar-color:#477766 #152123;padding-right:4px}.account-workspace .payment-row{align-items:flex-start;background:#122023;border-color:#3a6256;margin:8px 0;padding:13px}.account-workspace .payment-row>div{min-width:150px;flex:1 1 190px}.account-workspace .payment-row span{white-space:nowrap}.account-workspace .statement-share{color:#bdeccf!important;font-size:11px;line-height:1.45}.account-workspace #statement-refresh{margin:0 0 13px}.account-workspace #statement-message{font-size:12px}
.account-workspace #pix-unavailable{grid-column:1/-1;margin:0;padding:18px;border:1px solid #3e5d54;border-radius:12px}
@media(max-width:1130px){.layout.is-authenticated .account{grid-template-columns:220px minmax(0,1fr)}.account-workspace{grid-template-columns:1fr}.account-workspace>.payments{grid-column:1/-1}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-actions>a,.quick-actions>.action-unavailable{padding:10px;gap:8px}.action-icon{width:36px;height:36px;flex-basis:36px}}
@media(max-width:760px){.layout.is-authenticated{padding:8px 10px 26px}.layout.is-authenticated .account{display:block;min-height:0;border-radius:14px}.account-sidebar{padding:15px;border-right:0;border-bottom:1px solid #36554a}.account-sidebar .account-head{flex-direction:row;align-items:center;gap:10px}.account-sidebar .account-head>div{flex:1;min-width:0}.account-sidebar h2{font-size:19px}.account-sidebar #logout{width:auto}.account-sidebar #master-link{width:auto}.account-sidebar #account-email{margin:5px 0}.account-sidebar .status{margin:5px 0}.account-sidebar #account-guidance,.account-sidebar .info-grid,.account-sidebar .notice{display:none}.account-nav{position:static;display:flex;gap:7px;margin:11px 0 0;overflow-x:auto}.account-nav a{white-space:nowrap;padding:6px 9px;font-size:12px}.account-nav a span{width:28px;height:28px;flex-basis:28px;font-size:17px}.account-workspace{padding:12px;gap:12px}.customer-hero{grid-template-columns:1fr;padding:20px}.hero-copy h3{font-size:31px;margin:12px 0 7px}.hero-amount{padding:13px 15px}.hero-amount strong{font-size:32px;margin:6px 0}.hero-stats{gap:7px}.hero-stats>div{padding:10px}.hero-stats strong{font-size:18px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.quick-actions>a,.quick-actions>.action-unavailable{flex-direction:column;align-items:flex-start;padding:10px;gap:7px;font-size:12px}.quick-actions small{font-size:10px}.action-icon{width:33px;height:33px;flex-basis:33px;font-size:19px}.action-arrow{display:none}.account-workspace>.payments{padding:16px}}
@media(max-width:480px){.account-workspace #pix-form{grid-template-columns:1fr}.account-workspace .payment-row span{white-space:normal}.customer-hero h3{font-size:28px}.hero-label,.hero-amount>span,.hero-stats span{font-size:9px}.quick-actions>a,.quick-actions>.action-unavailable{font-size:11px}.account-nav a{font-size:11px}.account-nav a span{display:none}}
@media(prefers-reduced-motion:no-preference){.quick-actions>a,.account-nav a{transition:background .16s ease,border-color .16s ease,transform .16s ease}.quick-actions>a:hover{transform:translateY(-2px)}}
@media(max-width:760px){.account-sidebar .info-grid{display:flex;gap:7px;margin:9px 0 0}.account-sidebar .info-grid>div{flex:1;padding:8px 10px}.account-sidebar .info-grid small{font-size:10px;margin:0}.account-sidebar .info-grid strong{font-size:13px}}

@media(max-width:760px){.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats>div:last-child{grid-column:1/-1}}