@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_95a74d9f-module__4wiJXW__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_95a74d9f-module__4wiJXW__variable{--font-sans:"Manrope", "Manrope Fallback"}
@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/744885950b1fe0ff-s.p.30d2r2x65bwdm.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e7be13e0732bd6dc-s.34m-p9c2jzir9.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/98fc1f0b00398dc4-s.0im4x-iahhxdy.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e23f8683e762f841-s.2ju4hnh-fxhji.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Kufi Arabic;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4641603b8553767b-s.1y712r_ow2ydl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Kufi Arabic Fallback;src:local(Arial);ascent-override:117.6%;descent-override:56.41%;line-gap-override:0.0%;size-adjust:109.02%}.noto_kufi_arabic_b9184204-module__FEyJVa__className{font-family:Noto Kufi Arabic,Noto Kufi Arabic Fallback;font-style:normal}.noto_kufi_arabic_b9184204-module__FEyJVa__variable{--font-arabic:"Noto Kufi Arabic", "Noto Kufi Arabic Fallback"}
:root{--bg:#f8f9fd;--surface:#fff;--navy:#172246;--violet:#5a21ff;--violet-soft:#b799ff;--text:#1d2747;--muted:#7e89a5;--border:#dde2ef;--success:#2ecc96;--warning:#f4de7f;--error:#ff7f7f;--pink:#ffc2d8;--overlay:#10162b5c;--shadow:0 24px 80px #10162b29;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--line-tight:1.1;--line-base:1.4;--z-popover:5;--z-overlay:50;--z-toast:80;--ease-standard:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s}
*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-sans), sans-serif;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}
.button{background:var(--navy);color:#fff;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);border-radius:12px;padding:18px 28px;font-weight:800}.button--full{width:100%}.button--ghost{color:var(--navy);border:1px solid var(--border);background:#fff}.button--violet{background:var(--violet)}.button--sm{font-size:var(--font-size-sm);padding:12px 18px}.button--md{padding:16px 24px}.button--lg{padding:18px 28px}.icon-button{width:40px;height:40px;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);border-radius:16px;place-items:center;display:inline-grid}.icon-button--sm{border-radius:12px;width:32px;height:32px}.icon-button--md{width:40px;height:40px}.icon-button--lg{border-radius:14px;width:48px;height:48px}.icon-button--ghost{color:#697390}.icon-button--plain{color:var(--violet)}.icon-button--surface{border:1px solid var(--border);color:var(--navy);background:#f4f6fb}.icon-button--navy{background:var(--navy);color:#fff;border-radius:12px}.card{background:#fff;border-radius:24px}.card--outlined{border:1px solid var(--border)}.card--soft{border:1px solid var(--border);background:#fff;box-shadow:0 10px 24px #10162b0d}
.app-frame{min-height:100vh;display:flex}.app-shell{flex:1;padding:42px 54px 36px 44px;position:relative}.assistant-button{z-index:30;border:1px solid var(--border);background:#f4f6fb;border-radius:16px;place-items:center;width:48px;height:48px;display:grid;position:fixed;top:148px;right:52px}.assistant-note{max-width:220px;color:var(--muted);text-align:right;margin:0;font-size:12px;position:absolute;top:96px;right:52px}.side-rail{background:#fffffff0;border-right:1px solid #dde2efb3;flex-direction:column;flex:0 0 80px;justify-content:flex-start;gap:72px;width:80px;height:100vh;padding:16px 0;display:flex;position:sticky;top:0}.side-rail__top,.side-rail__bottom,.side-rail__nav{flex-direction:column;align-items:center;gap:18px;display:flex}.side-rail__bottom{margin-top:auto;padding-bottom:8px}.side-rail__link,.side-rail__utility,.avatar-badge{border-radius:16px;place-items:center;width:40px;height:40px;display:grid}.side-rail__link{color:#697390}.side-rail__link.is-active{color:var(--violet)}.side-rail__link--disabled{opacity:.55}.side-rail__utility--placeholder,.side-rail__link--disabled{position:relative}.avatar-badge{background:var(--navy);color:#fff;font-size:15px;font-weight:700}.avatar-badge--small{border-radius:50%;width:38px;height:38px;font-size:14px}.side-rail__brand{color:var(--navy);margin-top:8px;font-size:33px;font-weight:800;line-height:.8}.login-screen{background:#fcfdff;grid-template-columns:620px 1fr;min-height:100vh;display:grid}.login-screen.is-rtl{font-family:var(--font-arabic), var(--font-sans), sans-serif;direction:rtl}.login-screen__brand{padding:8px}.login-brand-card{background:radial-gradient(circle at 30% 85%,#6683fff2,#0000 28%),radial-gradient(circle at 78% 42%,#f4c9bc9e,#0000 18%),linear-gradient(135deg,#22385f 8%,#36558a 46%,#1c274a 100%);border-radius:28px;min-height:calc(100vh - 16px);position:relative;overflow:hidden}.login-brand-card__glow{opacity:.9;background:radial-gradient(circle at 72% 58%,#ffdad285,#0000 15%),linear-gradient(90deg,#0000 40%,#fff3 75%,#0000 92%);position:absolute;inset:0}.login-brand-card__copy{z-index:1;color:#ffe1d8;flex-direction:column;justify-content:space-between;height:100%;padding:102px 44px 68px;display:flex;position:relative}.login-brand-card__copy h1{margin:0;font-size:56px;font-weight:700}.login-brand-card__copy p{margin:6px 0 0;font-size:28px}.login-brand-card__copy h2{max-width:360px;margin:0;font-size:58px;font-weight:600;line-height:1.1}.login-screen__content{flex-direction:column;padding:42px 54px 54px;display:flex}.login-screen__header{justify-content:space-between;align-items:center;display:flex}.wordmark{font-size:34px;font-weight:800}.login-language{color:var(--text);align-items:center;gap:8px;display:inline-flex}.login-card{flex-direction:column;flex:1;justify-content:center;gap:48px;padding:52px 74px 0;display:flex}.login-copy h3{margin:0;font-size:62px;line-height:1}.login-copy p{color:#c2c7d5;margin:10px 0 0;font-size:32px}.login-options{grid-template-columns:200px 52px 1fr;align-items:center;gap:28px;display:grid}.qr-card{text-align:center;color:#bcc3d1}.qr-card__code{border:1px solid var(--border);width:162px;height:162px;color:var(--navy);background:#fff;border-radius:16px;place-items:center;margin:0 auto 14px;display:grid}.login-divider{color:#c1c7d7;border-left:1px solid #d8deea;justify-content:center;min-height:240px;display:flex}.login-account-column{flex-direction:column;gap:24px;display:flex}.login-account-tile{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;box-shadow:0 18px 32px #1118300f}.login-account-tile__arrow{border:1px solid var(--border);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.login-account-tile__name{text-align:end;flex:1;margin:0 18px;font-size:30px}.alt-login-link,.support-link{color:var(--violet);font-size:30px}.alt-login-panel{border:1px solid var(--border);background:#fff;border-radius:20px;gap:18px;max-width:520px;padding:24px;display:grid}.dashboard-screen{grid-template-columns:minmax(0,1fr) 520px;gap:70px;display:grid}.dashboard-main{min-width:0}.hero-header,.page-screen__header{justify-content:space-between;align-items:flex-start;display:flex}.hero-header__copy{align-items:center;gap:18px;display:flex}.hero-header h1,.page-screen__header h1{margin:0;font-size:34px;font-weight:600}.hero-header h1 span,.transfer-headline span,.invoice-copy h1 span,.promo-column h3 span{color:var(--violet)}.greeting-icon{color:var(--navy)}.language-chip{color:var(--navy);align-items:center;margin-right:86px;display:inline-flex}.dashboard-screen.is-rtl{direction:rtl}.dashboard-screen.is-rtl .language-chip{margin-left:86px;margin-right:0}.balance-area{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;margin-top:52px;padding-bottom:32px;display:flex}.balance-card__top{align-items:center;gap:10px;display:flex}.balance-kicker{color:var(--muted);margin:12px 0 0;font-size:14px}.plus-chip,.plain-icon-button{color:var(--violet);place-items:center;display:inline-grid}.balance-figure{color:var(--navy);align-items:flex-start;margin-top:14px;display:flex}.balance-figure__symbol,.balance-figure__whole{font-size:62px;line-height:1}.balance-figure__fraction{padding-top:8px;font-size:24px}.action-cluster{gap:12px;display:flex}.action-square{background:var(--navy);color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.action-arrow{font-size:26px}.transactions-panel{min-height:0;padding-top:42px}.transactions-scroll{padding-right:0}.transactions-scroll__footer{color:var(--muted);text-align:center;padding:18px 8px 6px;font-size:13px}.transactions-scroll__footer--end{padding-bottom:0}.section-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.section-heading__main,.section-heading__support{gap:6px;display:grid}.section-heading__support{color:var(--muted);font-size:14px}.section-heading h2,.promo-column h3,.invoice-copy h1,.savings-hero h2{margin:0;font-weight:600}.section-heading__actions{gap:14px;display:flex}.popover-wrap{position:relative}.popover-trigger{cursor:pointer;align-items:center;gap:10px;list-style:none;display:inline-flex}.popover-trigger::-webkit-details-marker{display:none}.popover{z-index:5;min-width:202px;box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:12px;position:absolute;top:calc(100% + 10px);right:0}.popover__option{text-align:left;width:100%;padding:12px 8px;display:block}.popover__option[data-active=true]{color:var(--violet);font-weight:700}.calendar-popover{min-width:316px;padding:18px 20px 16px}.calendar-popover__header,.calendar-popover__footer{justify-content:space-between;align-items:center;display:flex}.calendar-popover__header{margin-bottom:16px}.calendar-popover__nav{width:28px;height:28px;color:var(--navy);border-radius:999px;place-items:center;display:inline-grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;margin:0 0 18px;display:grid}.calendar-grid span{min-height:34px;color:var(--muted);place-items:center;font-size:13px;display:grid}.calendar-day{min-height:40px;color:var(--navy);border-radius:12px;place-items:center;display:grid}.calendar-day.is-muted{color:#c5cad7}.calendar-day.is-single-day,.calendar-day.is-range-start,.calendar-day.is-range-end{background:var(--violet);color:#fff}.calendar-day.is-in-range{color:var(--violet);background:#6a21f51f}.calendar-popover__text-button{color:var(--violet);font-size:14px;font-weight:500}.transaction-group{margin-top:20px}.transaction-group__label{color:var(--muted);margin:0 0 12px;font-weight:700}.transaction-row{border-bottom:1px solid var(--border);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:18px 10px;display:flex}.transaction-row__identity,.transaction-row__meta,.copy-field,.mock-form label{align-items:center;display:flex}.transaction-row__meta{gap:14px}.transaction-icon{width:50px;height:50px;color:var(--navy);background:#f4f6fb;border-radius:14px;place-items:center;margin-right:16px;font-size:22px;display:grid;position:relative}.transaction-icon__pin{background:#edf1f8;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;bottom:-2px;right:-2px}.transaction-icon--large{width:72px;height:72px;margin-right:0}.transaction-row__copy{gap:4px;display:grid}.transaction-row__copy strong,.copy-field strong,.detail-row strong{font-size:18px;font-weight:500}.transaction-row__copy small,.detail-row span,.copy-field span{color:var(--muted)}.transaction-amount{font-size:18px}.transaction-amount.is-positive{color:var(--success)}.status-pill{border-radius:999px;padding:6px 12px;font-size:12px}.status-pill--warning{background:#f4de7f99}.status-pill--pink{color:#c11f61;background:#ffc2d8b8}.status-pill--error{color:#ef6262;background:#ff7f7f33}.promo-column{padding-top:120px}.promo-column h3{margin-bottom:24px;font-size:24px}.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.promo-grid>a{display:block}.promo-card{color:#fff;border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:242px;padding:24px 18px;display:flex}.promo-card--dark{background:radial-gradient(circle at 35% 80%,#ff3535e6,#0000 16%),linear-gradient(#090909,#000 78%)}.promo-card--violet{background:radial-gradient(circle at 70% 70%,#b399ff57,#0000 15%),linear-gradient(#771cf8,#6619f0 74%,#7e22ff)}.overlay{z-index:50;position:fixed;inset:0}.overlay__scrim{background:var(--overlay);position:absolute;inset:0}.drawer{width:min(510px,100%);height:100%;box-shadow:var(--shadow);background:#fff;padding:58px 36px 36px;position:absolute;top:0;right:0}.drawer__close{border:1px solid var(--navy);border-radius:14px;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:20px;right:20px}.drawer-content,.mock-form{gap:26px;display:grid}.more-actions-list{gap:14px;display:grid}.more-action-card{background:#f9faff;border-radius:18px;grid-template-columns:48px minmax(0,1fr) 16px;align-items:center;gap:16px;padding:16px;display:grid}.more-action-card__icon{width:48px;height:48px;color:var(--navy);background:#eff2f8;border-radius:14px;place-items:center;display:grid}.more-action-card__copy{gap:4px;display:grid}.more-action-card__copy small{color:var(--muted)}.more-action-card__arrow{color:var(--navy);font-size:28px;line-height:1}.drawer-transaction-hero{justify-items:start;gap:10px;display:grid}.drawer-transaction-hero h3,.transfer-headline h3{margin:0;font-size:32px;line-height:1.15}.detail-block{gap:18px;display:grid}.detail-block h4{margin:0;font-size:22px}.detail-row,.copy-field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding:14px 0}.copy-field__action{color:var(--violet)}.drawer-section{gap:12px;display:grid}.drawer-section label,.copy-field span{color:var(--muted);text-transform:uppercase;font-size:14px}.account-selector{position:relative}.account-selector__trigger{color:var(--text);align-items:center;gap:10px;display:inline-flex}.account-selector__trigger--compact{background:#f4f6fb;border-radius:14px;justify-content:space-between;width:100%;padding:18px 16px}.account-selector__menu{z-index:6;min-width:290px;box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:10px;position:absolute;top:calc(100% + 10px);left:0}.account-selector__item{text-align:left;border-radius:12px;gap:12px;width:100%;padding:12px;display:flex}.flag-pill{min-width:28px;height:20px;color:var(--navy);background:#eef2ff;border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.account-selector__item small{color:var(--muted);display:block}.toast{z-index:80;background:var(--navy);color:#fff;border-radius:14px;padding:14px 20px;position:fixed;bottom:28px;right:30px}.skeleton-list{gap:18px;display:grid}.skeleton-row{background:linear-gradient(90deg,#eff2f8 20%,#f7f9fd 48%,#eff2f8 80%);border-radius:18px;height:74px}.empty-state{border:1px solid var(--border);background:#fff;border-radius:24px;gap:14px;max-width:520px;padding:30px;display:grid}.placeholder-note{color:var(--muted);margin:12px 0 0;font-size:14px}.page-screen{position:relative}.tab-strip{border-bottom:1px solid var(--border);gap:36px;margin:34px 0 42px;padding-bottom:16px;display:flex}.tab-strip button,.tab-strip a{color:#b6bdce;font-size:24px}.tab-strip button.is-active,.tab-strip a.is-active{color:#000;border-bottom:3px solid var(--navy)}.payments-hero{background:linear-gradient(135deg,#f7d4d1,#d8b7ef 50%,#f4c7d2 100%);border-radius:24px;max-width:860px;min-height:645px;position:relative;overflow:hidden}.payments-hero__visual{position:absolute;inset:0}.orb{background:radial-gradient(circle at 30% 30%,#fff9,#7c50cdcc);border-radius:50%;position:absolute;box-shadow:inset 0 8px 30px #fff6}.orb--large{width:310px;height:310px;top:10px;left:260px}.orb--medium{width:160px;height:160px;top:80px;left:210px}.orb--small{width:120px;height:120px;top:190px;left:120px}.payments-hero__card,.invoice-copy{background:#fff;border-radius:18px;max-width:820px;padding:26px 28px;position:absolute;bottom:32px;left:36px}.payments-hero__card{max-width:490px}.payments-hero__card h2,.invoice-copy h1{font-size:28px}.payment-menu{position:absolute;top:72px;left:802px}.payment-menu__toggle{background:var(--violet);color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.payment-menu__list{gap:6px;margin-top:6px;display:grid}.payment-menu__list button,.payment-menu__list a{background:var(--violet);color:#fff;border-radius:12px;min-width:202px;padding:15px 16px;font-weight:700}.mock-form label{flex-direction:column;align-items:stretch;gap:8px}.mock-form input{border:1px solid var(--border);border-radius:14px;padding:16px}.button:disabled{opacity:.55;cursor:not-allowed}.admin-screen{gap:26px;display:grid}.admin-screen__header{align-items:end}.admin-screen__lead{max-width:760px;color:var(--muted);margin:8px 0 0;font-size:16px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.admin-card{border:1px solid var(--border);background:#fff;border-radius:24px;gap:20px;padding:24px;display:grid;box-shadow:0 12px 34px #1722460f}.admin-card--full{grid-column:1/-1}.admin-card h2{margin:0;font-size:24px}.admin-card__header{justify-content:space-between;align-items:center;display:flex}.admin-card__header span{color:var(--muted)}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-form-grid label{color:var(--muted);gap:8px;font-size:14px;display:grid}.admin-form-grid__full{grid-column:1/-1}.admin-form-grid input,.admin-form-grid select{border:1px solid var(--border);min-height:48px;color:var(--text);background:#fbfcff;border-radius:14px;padding:0 14px}.admin-table{display:grid}.admin-table__head,.admin-table__row{grid-template-columns:1.4fr .7fr .9fr 1.5fr;align-items:center;gap:16px;padding:14px 8px;display:grid}.admin-table__head--drafts,.admin-table__row--drafts{grid-template-columns:1.2fr .7fr .8fr 1.2fr .6fr}.admin-table__head{color:var(--muted);text-transform:uppercase;font-size:13px}.admin-table__row{border-top:1px solid var(--border)}.admin-delete{color:#cf3d3d;background:#fff3f3;border-radius:999px;justify-self:start;padding:8px 12px}.invoice-hero{min-height:720px;position:relative}.invoice-copy{background:0 0;max-width:680px;padding:0;top:146px;bottom:auto;left:54px}.invoice-copy p{max-width:700px;color:var(--text);font-size:18px}.invoice-portrait{background:radial-gradient(circle at 62% 38%,#ffe6d9d9,#0000 12%),radial-gradient(circle at 55% 42%,#bb7c5f,#0000 18%),radial-gradient(circle at 58% 24%,#1f1822,#0000 18%),linear-gradient(#f4f5f8 4%,#fafbfe 100%);border-radius:50%;width:720px;height:720px;position:absolute;top:0;right:-160px;box-shadow:inset -100px -120px #fff6}.savings-hero{text-align:center;padding-top:34px;position:relative;overflow:hidden}.savings-hero h2{font-size:62px;line-height:1.06}.savings-hero p{max-width:880px;color:var(--muted);margin:18px auto 0;font-size:18px}.savings-feature-row{justify-content:center;gap:16px;margin:26px auto 36px;display:flex}.savings-feature{border:1px solid var(--border);text-align:left;background:#ffffffe6;border-radius:999px;gap:14px;max-width:250px;padding:10px 14px;display:flex}.savings-feature__icon{background:#b799ffd9;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.savings-feature p{margin:4px 0 0;font-size:13px}.savings-glass-grid{opacity:.95;background:linear-gradient(145deg,#fffc,#ffffff1f),repeating-linear-gradient(-32deg,#d7b3ffe6 0 80px,#f3f7ff85 80px 110px,#8e71ffdb 110px 200px);border-radius:36px 36px 0 0;height:440px;margin-top:46px;box-shadow:inset 0 20px 40px #fff6}.design-system-screen{gap:26px;display:grid}.design-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.design-system-stack{gap:18px;display:grid}.design-system-stack--row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.drawer--preview{width:100%;height:auto;min-height:240px;box-shadow:none;border:1px solid var(--border);border-radius:24px;padding-top:36px;position:relative;top:auto;right:auto}@media (max-width:1180px){.dashboard-screen{grid-template-columns:1fr}.promo-column{padding-top:12px}.payment-menu{margin:24px 0 0 auto;position:static}.payments-hero{max-width:100%}.admin-grid,.login-screen{grid-template-columns:1fr}.login-screen__brand{display:none}.design-system-grid{grid-template-columns:1fr}}@media (max-width:640px){.app-frame{flex-direction:column}.side-rail{flex-direction:row;align-items:center;width:auto;min-height:auto;padding:14px 20px}.side-rail__nav,.side-rail__bottom{flex-direction:row}.side-rail__bottom{display:none}.app-shell{padding:28px 20px}.assistant-button,.assistant-note{right:20px}.balance-area,.savings-feature-row,.login-options,.promo-grid{flex-direction:column;display:flex}.invoice-portrait{width:100%;height:320px;margin-top:320px;position:relative;right:auto}.invoice-copy{padding-right:24px;left:0;right:0}.drawer{width:100%}.admin-form-grid,.admin-table__head,.admin-table__row,.admin-table__head--drafts,.admin-table__row--drafts{grid-template-columns:1fr}}
