.customer-card-directory.linked-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),460px));gap:36px 28px;align-items:start;padding:12px 0 24px}.customer-card-tile{min-width:0}.customer-overview.customer-card-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.physical-bank-card.reference-bank-card{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:1.75;min-height:0;overflow:hidden;isolation:isolate;padding:clamp(20px,2vw,30px);border-radius:14px;color:#fff;background:#173d5e;border:1px solid #ffffff35;box-shadow:0 15px 25px -10px #0c162950,inset 0 1px 2px #ffffff38;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.physical-bank-card.reference-bank-card:hover{transform:translateY(-3px);box-shadow:0 19px 30px -10px #0c162962,inset 0 1px 2px #ffffff38;color:#fff}.physical-bank-card:focus-visible{outline:3px solid #008c96;outline-offset:5px}.physical-bank-card.card-kotak{background:linear-gradient(110deg,#240000,#360204)}.physical-bank-card.card-hdfc{background:linear-gradient(115deg,#303030,#292929)}.physical-bank-card.card-bob{background:linear-gradient(110deg,#034b91,#0059a6)}.physical-bank-card.card-sbi-dark{background:linear-gradient(120deg,#06060b,#020304)}.physical-bank-card.card-sbi-blue{background:linear-gradient(110deg,#0062bc,#004eb8)}.physical-bank-card.card-indusind{background:linear-gradient(110deg,#565a59,#484d4d)}.physical-bank-card.card-idfc{background:linear-gradient(110deg,#343434,#2b2b2b)}.physical-bank-card.card-federal{background:linear-gradient(120deg,#003441,#00151b)}.physical-bank-card.card-icici{background:linear-gradient(120deg,#a53316,#7f171b)}.physical-bank-card.card-axis{background:linear-gradient(120deg,#8c174e,#4b0c2b)}.physical-card-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.physical-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;min-height:43px}.physical-bank-logo{display:flex;align-items:center;gap:5px;height:29px;max-width:52%;color:#fff;line-height:1;flex-shrink:0;transform:scale(1.12);transform-origin:left top}.physical-bank-logo svg{width:29px;height:29px;flex-shrink:0}.physical-bank-logo b{font-weight:800;font-size:19px;white-space:nowrap}.physical-bank-logo small{display:block;font-size:5px;letter-spacing:1px;margin-top:3px}.hdfc-logo{height:23px;gap:3px;border:1px solid white;background:#035385;padding-right:4px}.hdfc-logo svg{width:23px;height:23px}.hdfc-logo b{font-size:14px;letter-spacing:-.3px}.kotak-logo b{font-size:24px;color:#ed1c24;letter-spacing:-.6px}.kotak-logo svg{width:33px}.sbi-logo{gap:4px}.sbi-logo b{font-size:23px;letter-spacing:-1px}.sbi-logo b span{font-weight:500;color:#00acd9}.sbi-logo svg{width:22px;height:22px}.bob-logo{gap:2px}.bob-logo b{font-size:19px;letter-spacing:-.7px}.bob-logo svg{width:33px}.idfc-logo{background:#a2192b;padding:3px 6px;gap:4px;height:31px}.idfc-logo svg{width:20px;height:24px}.idfc-logo b{font-size:10px;font-weight:600}.idfc-logo small{font-size:9px;margin:2px 0 0;letter-spacing:0}.indusind-logo{font-size:21px;font-weight:800;font-style:italic;letter-spacing:-.7px}.federal-logo{display:block;padding:5px 7px;height:auto;background:#0064a4;font-style:italic}.federal-logo b{font-size:15px;font-weight:500}.federal-logo small{font-size:4px;letter-spacing:.7px}.other-bank-logo{font-size:18px;font-weight:750;line-height:1.1;flex-shrink:1}.physical-card-limit{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;padding-top:1px;min-width:0;flex-shrink:0}.physical-card-limit strong{display:flex;gap:7px;align-items:center;font-size:clamp(15px,1.5vw,20px);line-height:1.15;font-weight:600;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.physical-card-limit small{font-size:11px;color:#ffffffc9;letter-spacing:1px;margin-top:9px}.physical-card-number{font-size:13px;letter-spacing:2.2px;line-height:1.4;font-weight:600;margin-top:8px;color:#fffffff2;font-variant-numeric:tabular-nums}.physical-card-chip-row{display:flex;align-items:center;gap:11px;margin-top:17px}.physical-card-chip{width:46px;height:35px;filter:drop-shadow(0 1px 1px #0005)}.physical-card-chip.silver{color:#c6c8c6}.physical-card-chip.gold{color:#dec779}.physical-contactless{width:17px;height:23px;color:#ffffff9e}.physical-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:auto;padding-top:20px}.physical-cardholder{font-size:12px;line-height:1.4;letter-spacing:2px;text-transform:uppercase;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.physical-card-action{display:grid;place-items:center;flex-shrink:0;min-width:113px;height:40px;background:#fff;color:#111;border-radius:3px;font-size:13px;font-weight:700;letter-spacing:.2px;box-shadow:0 1px 3px #0001}.physical-card-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:14px 4px 0;color:#607589;font-size:11px;line-height:1.5}.physical-card-caption b{font-weight:600;color:#30475a}.physical-card-product{font-size:12px;font-weight:600;color:#30475a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.secondary-caption{margin-top:4px}.physical-card-caption>span:last-child{flex-shrink:0}@media(max-width:650px){.customer-card-directory.linked-card-grid{grid-template-columns:minmax(0,1fr);gap:30px}.physical-bank-card.reference-bank-card{padding:22px 20px;border-radius:12px}.physical-card-limit strong{font-size:17px}.physical-card-top{min-height:39px}.physical-card-number{font-size:12px;letter-spacing:1.8px;margin-top:4px}.physical-card-chip-row{margin-top:13px}.physical-card-chip{width:41px;height:31px}.physical-card-action{min-width:100px;height:36px;font-size:12px}.physical-card-bottom{padding-top:17px}.physical-cardholder{font-size:11px;letter-spacing:1.7px}.physical-bank-logo b{font-size:17px}.hdfc-logo b{font-size:12px}.sbi-logo b{font-size:21px}.kotak-logo b{font-size:23px}.idfc-logo b{font-size:10px}.federal-logo b{font-size:14px}.indusind-logo{font-size:19px}.physical-card-limit small{font-size:10px;margin-top:7px}}@media(max-width:360px){.physical-bank-card.reference-bank-card{padding:18px 15px}.physical-card-limit strong{font-size:15px;gap:5px}.physical-card-number{font-size:11px;letter-spacing:1.1px}.physical-card-action{min-width:84px;height:33px}.physical-bank-logo{max-width:49%}.indusind-logo{font-size:16px}}@media(prefers-reduced-motion:reduce){.physical-bank-card.reference-bank-card{transition:none}}.physical-bank-card.reference-bank-card{padding:30px 32px;border-radius:14px;box-shadow:0 18px 30px -8px #0005,inset 0 1px 3px #ffffff45}.physical-card-action{min-width:125px;height:44px;font-size:14px}.physical-cardholder{font-size:13px;letter-spacing:2.3px}.physical-card-limit strong{font-size:21px;font-weight:550}.physical-card-limit small{font-size:12px;letter-spacing:1.1px}.physical-card-number{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.8px}.physical-card-network{display:inline-flex;position:relative;flex-shrink:0;font-size:11px;font-weight:800;font-style:italic;letter-spacing:-.4px}.network-mastercard{width:27px;height:17px}.network-mastercard i{width:17px;height:17px;border-radius:50%;position:absolute;left:0;background:#ed1826}.network-mastercard i+i{left:10px;background:#ffb500;opacity:.9}.hdfc-logo b{font-size:15px}.bob-logo b{font-size:20px}.physical-card-underlay{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.physical-card-underlay .physical-card-caption{width:100%;margin:0;gap:8px;font-size:10px;color:#6e8295}.physical-card-underlay .physical-card-caption>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:650px){.physical-bank-card.reference-bank-card{padding:24px 25px}.physical-card-action{min-width:100px;height:36px;font-size:12px}.physical-card-limit strong{font-size:17px}.physical-card-limit small{font-size:10px}.physical-card-number{font-size:10px;letter-spacing:1.3px;gap:8px}.physical-cardholder{font-size:11px;letter-spacing:1.9px}.hdfc-logo b{font-size:12px}.bob-logo b{font-size:17px}.physical-card-underlay{margin-top:17px}}@media(max-width:360px){.physical-bank-card.reference-bank-card{padding:19px 18px}.physical-card-limit strong{font-size:15px}.physical-card-number{font-size:9px;letter-spacing:.9px;gap:6px}.physical-card-action{min-width:84px;height:33px}.physical-card-underlay .physical-card-caption{flex-wrap:wrap;justify-content:center}}.physical-card-top .physical-bank-logo{min-width:0;flex-shrink:1}.physical-card-limit strong{font-size:clamp(15px,1.45vw,21px)}@media(max-width:650px){.physical-card-limit strong{font-size:clamp(14px,4vw,17px)}.physical-card-underlay .physical-card-caption{flex-wrap:wrap}}.physical-card-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px;border:1px solid #ffffff60;border-radius:5px;background:#ffffff15;color:inherit;cursor:pointer}.physical-card-copy:hover,.physical-card-copy:focus-visible{background:#ffffff35}.physical-card-details{display:flex;gap:24px;margin-top:12px}.physical-bank-card.reference-bank-card{min-height:260px}.physical-card-details span{display:flex;flex-direction:column;gap:3px}.physical-card-details small{font-size:8px;letter-spacing:1px;color:#ffffffc9}.physical-card-details strong{font-size:12px;line-height:1.2;font-weight:600}.physical-card-details+.physical-card-bottom{padding-top:12px}.physical-card-underlay .physical-card-caption>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:360px){.physical-card-details{gap:16px}.physical-card-number{flex-wrap:wrap}}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-cyrillic-ext-wght-normal-BCp_3N7R.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-cyrillic-wght-normal-fOt7epNf.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-greek-ext-wght-normal-Bgw4czJT.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-greek-wght-normal-DlT9XTxE.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-math-wght-normal-4a3xuzGk.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,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+1EE00-1EEFF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-symbols-wght-normal-B7iHSfaG.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,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+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,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+1F000-1F0FF,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+1F700-1F7FF,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+1FB00-1FBFF}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-vietnamese-wght-normal-_f1XEJpo.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-latin-ext-wght-normal-DYIxWhlt.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Roboto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/roboto-latin-wght-normal-ccAYIvAh.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui: "Roboto Variable", "Roboto", Arial, sans-serif;font-family:var(--font-ui);color:#193249;background:#f5f7fa;font-synthesis:none;font-weight:400;font-size:14px;line-height:1.5;--teal: #008b95;--navy: #102c44;--muted: #7b8a9c;--line: #e9eef3;--shadow: 0 3px 16px #14324a04}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,box-shadow .15s,transform .15s}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #79d5da;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:#008b95;box-shadow:0 0 0 3px #008b9512}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-ui)}h1{font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:1.4}h2{font-size:18px;font-weight:700;letter-spacing:-.15px}h3{font-size:15px}small{font-size:14px}.muted{color:var(--muted)}.block{display:block;margin-top:4px}.small-text{font-size:14px}.teal-text{color:var(--teal)}.red-text{color:#d7484f}.full{width:100%}.inset{padding:20px 24px}.button{border:1px solid var(--teal);background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;min-height:42px;border-radius:7px;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 3px 6px #008b950a}.button:hover{background:#007b85;border-color:#007b85;box-shadow:0 3px 9px #008b9520}.button.secondary{background:#fff;color:#426478;border-color:#dbe5ed;box-shadow:none}.button.secondary:hover{background:#f3f9fa;border-color:#9ccbd0}.button.small{min-height:34px;padding:8px 12px;font-size:14px}.button.danger{background:#d7484f;border-color:#d7484f}.text-link,.view-link{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--teal);font-size:14px;font-weight:600;padding:0;cursor:pointer}.text-link:hover,.view-link:hover{color:#005965}.view-link{border:1px solid #e0ebef;border-radius:5px;padding:7px 10px;background:#fff;white-space:nowrap}.icon-button{background:none;border:0;display:flex;align-items:center;justify-content:center;color:#667d90;padding:7px;border-radius:5px}.icon-button:hover{background:#edf3f6}.badge{display:inline-flex;align-items:center;border-radius:5px;background:#eff3f8;color:#687b91;padding:5px 8px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.3}.badge.green{background:#e4f6ed;color:#25895c}.badge.red{background:#fff0f0;color:#d94b54}.badge.amber{background:#fff3df;color:#bf8533}.badge.blue{background:#eaf4ff;color:#4388c0}.badge.neutral{background:#f0f3f7;color:#6a7e94}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;background:linear-gradient(160deg,#142f47,#0e253b);position:fixed;left:0;top:0;height:100vh;color:#b6c7d5;z-index:40;display:flex;flex-direction:column;padding:28px 15px 18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-family:var(--font-ui);font-size:15px;font-weight:600;line-height:1.4;padding:0 9px}.brand b{font-weight:700}.brand-mark{width:37px;height:40px;border-radius:10px;background:linear-gradient(140deg,#1bb3c4,#008094);display:grid;place-items:center;color:#fff;box-shadow:0 5px 16px #001f3430}.nav-caption{font-size:12px;font-weight:600;letter-spacing:1.7px;color:#6f879b;margin:43px 17px 15px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:14px 15px;font-size:14px;font-weight:500;border-radius:7px;position:relative}.sidebar nav a:hover{color:#fff;background:#ffffff08}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#008c96,#196071);box-shadow:0 5px 14px #00192b20}.nav-arrow{margin-left:auto;opacity:0}.active .nav-arrow{opacity:.65}.sidebar-bottom{margin-top:auto}.sidebar-tip{border:1px solid #ffffff0c;background:#ffffff03;padding:16px 12px;border-radius:8px;font-size:12px;font-weight:600}.pulse-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#5fc3b7;margin-right:7px}.sidebar-tip p{font-size:12px;line-height:1.8;color:#718a9d;margin:8px 0 0 13px;font-weight:400}.logout{border:0;display:flex;align-items:center;gap:12px;background:transparent;color:#9bb0c2;font-size:14px;padding:18px 15px 1px}.logout:hover{color:#fff}.main-shell{margin-left:224px;width:calc(100% - 224px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 36px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#9caaba;font-size:14px}.breadcrumb strong{color:#62788b;font-weight:500}.global-search{display:flex;align-items:center;gap:10px;margin-left:auto;color:#9aabba;width:255px}.global-search input{border:none;outline:none;padding:8px 0;font-size:14px;width:100%;background:transparent;box-shadow:none}.global-search kbd{border:1px solid #edf0f4;border-radius:4px;padding:3px 6px;font-size:12px;color:#9eafbf}.user-summary{display:flex;align-items:center;gap:10px;padding-left:23px;border-left:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff0f1;color:#31808a;font-size:12px;font-weight:700}.user-summary strong{display:block;font-size:14px;font-weight:600}.user-summary small{display:block;font-size:12px;color:#98a6b5;margin-top:2px}.preview-banner{display:flex;align-items:center;background:#ecf7f5;color:#518a82;padding:7px 36px;font-size:12px;letter-spacing:.1px;border-bottom:1px solid #dfefeb}.preview-banner .pulse-dot{width:5px;height:5px}main{padding:32px 36px;max-width:1600px;width:100%;margin:auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.eyebrow{color:#008b95;font-size:12px;letter-spacing:1.8px;font-weight:700;margin-bottom:8px}.page-header p{font-size:14px;color:#8493a4;line-height:1.7;margin-top:7px}.page-actions{display:flex;gap:10px;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 20px;box-shadow:var(--shadow);min-height:132px}.stat-label{font-size:14px;color:#7890a3;display:block;margin:0 0 12px}.stat strong{display:block;font-family:var(--font-ui);font-size:25px;letter-spacing:-.4px;font-weight:700;line-height:1.2;white-space:nowrap}.stat small{display:block;color:#9aa8b6;font-size:12px;margin-top:10px}.stat-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#e6f6f0;color:#2da58b}.stat-icon.blue{background:#eaf4fd;color:#459edc}.stat-icon.amber{background:#fff4e8;color:#e6a252}.stat-icon.purple{background:#f1edfd;color:#a18adf}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 23px 18px}.panel-heading p{font-size:12px;color:#8e9eae;margin-top:5px;line-height:1.7}.dashboard-main{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px}.dashboard-main>.panel{min-width:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-columns .panel{min-width:0}.table-wrap{overflow:auto;padding:0 19px}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left;white-space:nowrap}th{background:#f6f8fb;color:#8294a6;font-size:12px;font-weight:600;padding:12px 13px;border-bottom:1px solid #eaf0f5}th:first-child{border-radius:5px 0 0 5px}th:last-child{border-radius:0 5px 5px 0}td{padding:16px 13px;border-bottom:1px solid #eef2f6;color:#60798e;max-width:280px;white-space:normal;line-height:1.65}td strong{color:#304c63;font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfd}.table-footer{padding:16px 26px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f3f6;color:#9ba9b7;font-size:12px}.pagination{display:flex;align-items:center;gap:10px}.pagination button{background:#fff;border:1px solid #e6edf4;border-radius:4px;width:25px;height:26px;color:#61849b;font-size:19px}.person{display:flex;align-items:center;gap:10px;min-width:135px}.person-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#edf6f8;color:#43828c;font-size:12px;font-weight:600;flex-shrink:0}.person strong{font-size:14px;font-weight:500;display:block;color:#38566c}.person small{font-size:12px;color:#9ba9b7;display:block;margin-top:3px}.reminder-card{background:linear-gradient(145deg,#fff,#f4fbfa)}.reminder-art{display:flex;align-items:center;justify-content:center;gap:12px;color:#0d9e9e;padding:13px 0 6px;position:relative;flex-wrap:wrap}.reminder-art span{font-size:40px;font-family:var(--font-ui);font-weight:700;letter-spacing:-.4px}.reminder-art small{width:100%;text-align:center;font-size:11px;letter-spacing:2px;color:#89b3b1}.reminder-card>p{font-size:14px;line-height:1.8;color:#809b9c;text-align:center;margin:14px 24px 16px}.schedule-row{display:flex;align-items:center;gap:12px;margin:0 24px;padding:12px 0;border-top:1px solid #e6f0ef}.round-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e7f5f0;color:#28a58e}.schedule-row strong{font-size:14px}.schedule-row small{display:block;font-size:12px;color:#96aaa9;margin-top:4px}.reminder-card .full{width:calc(100% - 48px);margin:13px 24px 22px;font-size:12px;justify-content:space-between}.simple-list{padding:0 24px 10px}.simple-list>a{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:13px 0}.simple-list>a:last-child{border:none}.simple-list>a>strong{margin-left:auto;font-size:14px}.simple-list>a>svg{color:#a7b9c6}.expense-bars{padding:5px 24px 25px;display:grid;gap:24px}.expense-bars>div{display:flex;align-items:center;gap:15px;font-size:14px}.expense-bars>div>span{width:60px;color:#7b91a4}.expense-bars strong{font-size:14px;min-width:75px;text-align:right;font-weight:600}.bar-track{flex:1;height:8px;background:#f2f5f8;border-radius:7px;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:7px;min-width:0}.app-footer{padding:16px 36px 22px;display:flex;justify-content:space-between;color:#a7b3bf;font-size:12px;margin-top:auto}.filter-row{display:flex;align-items:center;gap:15px;padding:22px 23px;flex-wrap:wrap}.filter-row .search-input{flex:1;min-width:230px}.search-input{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #e2e9f0;border-radius:6px;color:#9bb0c1;min-height:40px;background:#fff}.search-input:focus-within{border-color:#55b5bc;box-shadow:0 0 0 3px #008b950a}.search-input input{flex:1;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 0!important;min-width:0;outline:0;font-size:14px}.search-input input::placeholder{color:#a2b1bf}.filter-row select,.filter-row input[type=month]{border:1px solid #e2e9f0;color:#71899c;background:#fff;border-radius:6px;padding:11px 13px;font-size:14px;min-width:150px}.filter-row.compact{padding-top:0;max-width:420px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;padding:25px}.form-grid.single{grid-template-columns:1fr}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px;color:#415d73;font-size:14px;min-width:0}.field>span{font-weight:500}.field b{color:#db757b;font-weight:500}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #dfe7ee;background:#fff;border-radius:6px;color:#36536b;min-height:42px;font-size:14px}.field textarea{min-height:90px;resize:vertical;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#aebac6}.field input:disabled,.field select:disabled{background:#f5f7fa;color:#8495a8}.form-content{padding:22px 25px}.form-content>.field{margin-bottom:20px}.form-content .form-grid{padding:0;margin:0 0 20px}.form-content>.panel:last-child{margin-bottom:0}.narrow-form{max-width:720px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:22px 0}.form-actions .button{min-width:120px}.form-grid .form-actions{margin:8px 0 0}.checkbox-stack{display:flex;flex-direction:column;gap:15px;justify-content:center;font-size:14px}.checkbox-stack label,.check-label{display:flex;align-items:center;gap:10px}.checkbox-stack small{line-height:1.7;font-size:12px}.check-label{font-size:14px}input[type=checkbox]{accent-color:#008b95;width:15px;height:15px;cursor:pointer;vertical-align:middle}.card-form-block{border:1px solid #e3ebf1;border-radius:8px;margin-bottom:18px;overflow:hidden}.card-form-block:last-child{margin-bottom:0}.card-form-heading{display:flex;gap:10px;align-items:center;padding:14px 18px;background:#f9fbfc;font-size:14px}.card-form-heading strong{color:#008b95}.card-form-heading>.text-link,.card-form-heading>.badge{margin-left:auto}.card-form-block .form-grid{padding:20px!important;margin:0!important;gap:17px}.error-box{padding:13px 16px;display:flex;align-items:flex-start;gap:10px;color:#c54a52;background:#fff1f1;border:1px solid #f4d8d8;border-radius:6px;margin:0 0 18px;font-size:14px;line-height:1.7}.error-box svg{flex-shrink:0;margin-top:2px}.form-grid>.error-box{grid-column:1/-1;margin:0}.notice{display:flex;align-items:flex-start;gap:10px;padding:14px 17px;border-radius:7px;background:#eaf6f6;color:#558b90;font-size:14px;line-height:1.8;margin-bottom:21px}.notice svg{flex-shrink:0;margin-top:2px}.notice.amber{background:#fff6e8;color:#a17f4a}.empty{text-align:center;display:flex;align-items:center;flex-direction:column;padding:45px 20px;gap:12px}.empty-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#f1f7f8;color:#8bb3b8}.empty h3{color:#58788b}.empty p{font-size:14px;color:#9aaebd;line-height:1.7}.empty .button{margin-top:7px}.back-link{display:flex;align-items:center;gap:6px;color:#7c99a9;font-size:14px;margin-bottom:18px;width:fit-content}.back-link:hover{color:var(--teal)}.profile-banner{display:flex;align-items:center;gap:21px;padding:27px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:24px}.profile-avatar{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;font-size:22px;font-family:var(--font-ui);font-weight:700;color:#24858b;background:#e5f3f5;flex-shrink:0}.profile-banner h2{font-size:23px;display:flex;align-items:center;gap:14px}.profile-banner p{color:#8b9eae;font-size:14px;line-height:1.7;margin-top:6px}.profile-banner p span{margin:0 10px}.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #e3eaf1;margin:0 0 23px}.tabs button{padding:15px 8px;background:none;border:0;border-bottom:2px solid transparent;color:#8499ac;font-size:14px;display:flex;align-items:center;gap:10px}.tabs button.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.tabs.padded{padding:0 24px;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{display:flex;align-items:center;gap:8px}.linked-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.linked-card{background:linear-gradient(125deg,#fff,#f2f9f8);border:1px solid #e0ebe9;border-radius:11px;padding:24px;box-shadow:var(--shadow)}.linked-card:hover{box-shadow:0 6px 22px #1a4c5620;transform:translateY(-2px)}.linked-card>div:first-child{display:flex;align-items:center;gap:10px;font-size:14px}.linked-card>div:first-child>svg{margin-left:auto;color:#81a2aa}.bank-mark{display:grid;place-items:center;background:#16888e;color:#fff;width:29px;height:29px;border-radius:7px;font-size:12px}.linked-card>p{color:#7994a2;font-size:12px;margin:16px 0}.card-number{font-size:17px;letter-spacing:2px;color:#557986;font-family:var(--font-ui)}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #dfebe7;margin-top:22px;padding-top:18px;font-size:12px;color:#87a09f}.card-bottom strong{display:block;color:#336573;font-size:14px;margin-top:6px}.three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.details-grid{padding:5px 25px 26px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.details-grid span{display:block;font-size:12px;color:#91a2b1;margin-bottom:8px}.details-grid strong{font-size:14px;font-weight:500;line-height:1.8}.attachment-list{padding:0 24px 15px}.attachment-list>a{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.attachment-list>a>svg{margin-left:auto;color:#8cabb8}.attachment-list strong{font-size:14px;font-weight:500}.attachment-list small{display:block;font-size:12px;color:#a8b6c1;margin-top:5px}.file-icon{width:35px;height:40px;border-radius:7px;color:#d38e8e;background:#fff0f0;display:grid;place-items:center}.upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:22px;min-height:125px;border:1px dashed #b9d0dd;border-radius:7px;background:#fafcfd;color:#83a2b4;cursor:pointer;position:relative;overflow:hidden;font-size:14px}.upload-box strong{color:#6a8799;font-size:14px;font-weight:500;overflow-wrap:anywhere}.upload-box span{font-size:12px;color:#a0b3c1}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box:hover{background:#f2faf9;border-color:#41a8b0}.vendor-entry .form-content{padding-top:0}.vendor-bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.vendor-bottom-actions .button{padding:16px;font-size:14px}.received{background:#159163;border-color:#159163}.received:hover{background:#10734e;border-color:#10734e}.pending{background:#ed8b20;border-color:#ed8b20}.pending:hover{background:#d77914;border-color:#d77914}.inline-files{display:flex;flex-direction:column;gap:5px}.inline-files a{display:flex;align-items:center;gap:4px;color:var(--teal);font-size:12px}.inline-files label{width:fit-content}.category-tabs{display:flex;gap:8px;margin-right:auto;flex-wrap:wrap}.category-tabs button{border:1px solid #e1eaf1;color:#8298aa;background:#fff;border-radius:5px;padding:10px 14px;font-size:14px}.category-tabs button.active{background:#008b95;border-color:#008b95;color:#fff}.import-upload{padding:0 24px 24px;display:flex;gap:25px;align-items:center}.import-upload .upload-box{flex:1}.selection-bar{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:16px 24px;padding:12px 15px;background:#f4f9fa;border-radius:5px;font-size:14px;color:#73949c}.selection-bar label{display:flex;align-items:center;gap:10px}.reminder-toolbar{display:flex;align-items:center;gap:10px;padding:20px 24px;border-top:1px solid var(--line)}.reminder-toolbar p{font-size:12px;color:#90a5b6;margin-right:auto;display:flex;align-items:center;gap:7px}.modal-backdrop{position:fixed;inset:0;background:#0d253972;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fff;border-radius:12px;width:640px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #00152640}.modal>.panel-heading{border-bottom:1px solid var(--line)}.modal .form-grid{padding:25px}.modal .form-actions{margin-bottom:0}.modal .field{margin-bottom:16px}.bill-summary{padding:15px 0 25px}.bill-summary>span{color:#97a7b5;font-size:14px}.bill-summary h2{font-size:32px;margin:10px 0}.bill-summary p{font-size:14px;color:#879ead}.bill-summary+form{margin-top:20px}.message-previews{max-height:45vh;overflow:auto}.message-previews>div{background:#f1f8f5;border:1px solid #dcefe4;padding:16px 18px;border-radius:8px;margin-bottom:13px}.message-previews strong{font-size:14px;color:#578677}.message-previews p{font-size:14px;line-height:1.9;color:#517163;margin-top:10px}.toast{position:fixed;bottom:25px;right:25px;z-index:100;background:#153c46;color:#fff;padding:17px 20px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:14px;box-shadow:0 8px 30px #102c4440;max-width:600px}.toast>svg{color:#74d2b2;flex-shrink:0}.toast button{border:none;background:none;color:#b8cecd;display:flex;margin-left:12px}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#89a1b2;font-size:14px}.loading.inline{min-height:200px}.spinner{width:27px;height:27px;border:2px solid #dcebed;border-top-color:#008b95;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:radial-gradient(ellipse at 0 100%,#1d666d55,transparent 65%),#102c44;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:50px 65px}.login-story .brand{padding:0;font-size:18px}.login-story .eyebrow{color:#6bc5c5;font-size:12px}.login-story h1{font-size:54px;line-height:1.2;letter-spacing:-2.5px;margin:24px 0}.login-story p{max-width:365px;color:#99b2c4;line-height:1.9;font-size:14px}.login-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:33px;max-width:380px}.login-pills span{font-size:12px;border:1px solid #8fc3cb30;border-radius:25px;padding:9px 13px;color:#a4cbd1}.login-story>small{font-size:12px;color:#698f9f}.login-form{display:grid;place-items:center;background:#fff;padding:35px}.login-form form{width:360px;max-width:100%}.login-form h1{font-size:31px;margin-top:15px}.login-form .muted{font-size:14px;margin:10px 0 35px}.login-form .field{margin-bottom:22px}.login-form .button{width:100%;margin-top:6px}.demo-credentials{border:1px solid #ebeff3;background:#fafcfd;border-radius:8px;margin-top:27px;padding:17px;font-size:14px;color:#8a9daa}.demo-credentials p{margin:12px 0}.mobile-menu,.sidebar-backdrop{display:none}@media(min-width:1500px){main{padding-top:38px}.stat{padding:24px}.stat strong{font-size:29px}.dashboard-main{grid-template-columns:minmax(0,1fr) 290px}.topbar{padding-inline:42px}}@media(max-width:1200px){.sidebar{width:195px}.main-shell{margin-left:195px;width:calc(100% - 195px)}main{padding:25px}.topbar{padding:0 25px}.stat{padding:17px 14px;gap:5px}.stat-icon{width:34px;height:34px}.stat strong{font-size:21px}.dashboard-main{grid-template-columns:1fr}.reminder-card{display:none}.page-header{align-items:flex-start}.page-actions{flex-wrap:wrap;justify-content:flex-end}.linked-card-grid{grid-template-columns:1fr 1fr}.three-stats .stat strong{font-size:25px}.form-grid.four{grid-template-columns:repeat(2,1fr)}.topbar .global-search{width:210px}}@media(max-width:900px){h1{font-size:24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.three-stats .stat-icon{display:none}.three-stats .stat strong{font-size:20px}.two-columns{grid-template-columns:1fr;gap:0}.form-grid.three{grid-template-columns:1fr 1fr}.page-header{flex-direction:column}.page-actions{justify-content:flex-start}.topbar .global-search{display:none}.user-summary{margin-left:auto}.login-story{padding:40px}.login-story h1{font-size:42px}.login-pills{display:none}.reminder-toolbar{flex-wrap:wrap}.reminder-toolbar p{width:100%;margin-bottom:8px}.import-upload{flex-direction:column;align-items:stretch}.linked-card-grid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{transform:translate(-100%);transition:transform .2s;width:224px}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#102c4470;border:0;z-index:35}.main-shell{margin-left:0;width:100%}.topbar{height:66px;padding:0 18px;gap:12px}.mobile-menu{display:flex}.user-summary{border:none;padding:0}.user-summary div{display:none}.preview-banner{padding:7px 18px;font-size:12px;line-height:1.7}.breadcrumb{font-size:12px;gap:5px}.page-header{margin-bottom:22px;gap:18px}main{padding:25px 17px}.eyebrow{font-size:11px}h1{font-size:25px;letter-spacing:-.8px}.page-header p{font-size:14px}.button{font-size:14px;padding:10px 13px;min-height:39px}.stat{min-height:120px;padding:17px 13px}.stat-label{font-size:12px}.stat strong{font-size:22px}.stat-icon{width:29px;height:29px;border-radius:8px}.stat-icon svg{width:18px}.stat small{font-size:11px}.stats-grid{gap:10px;margin-bottom:20px}.panel{margin-bottom:19px}.panel-heading{padding:20px 17px 16px}.panel-heading h2{font-size:14px}.panel-heading p,.panel-heading .text-link{font-size:12px}.table-wrap{padding:0 12px}td{padding:14px 10px;min-width:105px}th{padding:11px 10px}.person-avatar{width:26px;height:26px}.filter-row{padding:18px 16px;gap:12px}.filter-row .search-input{min-width:100%;flex:1}.filter-row select{flex:1;min-width:120px}.form-grid,.form-grid.three,.form-grid.four{grid-template-columns:1fr;padding:20px;gap:19px}.form-grid .field input{min-height:44px}.form-content{padding:20px}.form-content .form-grid{grid-template-columns:1fr}.card-form-block .form-grid{grid-template-columns:1fr 1fr!important;padding:16px!important}.card-form-block .field{font-size:12px}.card-form-block .field input,.card-form-block .field select{padding:10px;font-size:14px}.profile-banner{padding:20px 17px;gap:15px}.profile-avatar{width:50px;height:55px;border-radius:13px;font-size:19px}.profile-banner h2{font-size:18px;flex-wrap:wrap;gap:6px}.profile-banner p{font-size:12px}.details-grid{grid-template-columns:1fr;padding:5px 20px 23px}.three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.three-stats .stat{padding:15px 10px;min-height:105px}.three-stats .stat strong{font-size:16px;letter-spacing:-.5px}.three-stats .stat-label{font-size:12px}.three-stats .stat small{font-size:11px}.category-tabs{gap:5px}.category-tabs button{padding:8px 10px;font-size:12px}.category-tabs+input{width:100%}.app-footer{padding:10px 18px 20px;font-size:11px;gap:15px}.login{grid-template-columns:1fr}.login-story{display:none}.login-form{min-height:100vh;padding:30px}.toast{bottom:15px;right:15px;left:15px;font-size:14px;padding:15px;line-height:1.8}.modal-backdrop{padding:15px}.modal{max-height:90vh}.reminder-toolbar{padding:20px 17px}.selection-bar{margin:15px 17px;font-size:12px}.tabs{gap:16px}.tabs button{font-size:14px}.tabs.padded{padding:0 17px}.expense-bars{padding:5px 18px 25px}.expense-bars>div{gap:10px}.simple-list{padding:0 18px 10px}.vendor-bottom-actions{gap:10px}.vendor-bottom-actions .button{font-size:13px;padding:15px}.attachment-list{padding:0 18px 15px}.form-actions .button{min-width:100px}.import-upload{padding:0 18px 20px}.page-actions{gap:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.eyebrow,.nav-caption{font-size:11px}.sidebar nav a{font-size:14px}.brand{font-size:17px}.page-header p,.stat-label{font-size:14px}.stat strong{font-size:30px;font-variant-numeric:tabular-nums}th{font-size:13px;color:#526b81}td{font-size:14px;color:#415c73}.person strong{font-size:14px}.person small,.stat small,.panel-heading p{font-size:12px}.field,.field input,.field select,.field textarea,.button,.button.small,.text-link,.view-link{font-size:14px}.badge{font-size:12px}.muted{color:#6e8295}.field input,.field select,.field textarea{min-height:44px}.stat strong,.expense-bars strong,.bill-summary h2{font-variant-numeric:tabular-nums}@media(max-width:1200px){.stat strong{font-size:26px}}@media(max-width:650px){.page-header h1{font-size:26px}.page-header p{font-size:14px}.stat{position:relative;min-height:136px}.stat-label{font-size:13px;padding-right:25px}.stat-icon{position:absolute;right:12px;top:15px}.stat strong{font-size:22px;letter-spacing:-.6px}.stat small{font-size:12px;line-height:1.5}.three-stats{grid-template-columns:1fr}.three-stats .stat{min-height:100px;padding:18px}.three-stats .stat-label{font-size:14px}.three-stats .stat strong{font-size:26px}.three-stats .stat small{font-size:12px}.panel-heading h2{font-size:18px}.panel-heading{flex-wrap:wrap}.field,.card-form-block .field{font-size:14px}.field input,.field select,.field textarea,.card-form-block .field input,.card-form-block .field select{font-size:16px}.card-form-block .form-grid{grid-template-columns:1fr!important}.button,.button.small,.text-link,.view-link{font-size:14px}}form{margin:0}.bank-form-full{width:100%;max-width:none}.form-grid{padding:18px 22px;gap:15px 22px;align-items:start}.form-content{padding:18px 22px;gap:14px}.form-content .form-grid{padding:0}.field{gap:6px}.field input,.field select,.field textarea{min-height:40px;padding:9px 12px}.field textarea{min-height:72px}.field>small{font-size:12px;line-height:1.35}.form-grid>.error-box,.form-grid>.alert{grid-column:1 / -1}.form-actions{padding:14px 0;gap:10px;margin:0}.form-grid .form-actions{grid-column:1 / -1;padding:4px 0}.panel{margin-bottom:18px}.panel-heading{padding:17px 22px}.card-form-block .form-grid{padding:16px!important;gap:14px 18px}.card-form-heading{padding:12px 16px}.upload-box{padding:18px;min-height:100px}.profile-banner{padding:23px 26px;border:1px solid #dce8f7;background:linear-gradient(115deg,#fff 50%,#eaf5ff);border-radius:15px;margin-bottom:16px}.profile-avatar{background:linear-gradient(140deg,#0891b2,#3b82f6);color:#fff;box-shadow:0 6px 18px #0891b225}.customer-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 20px}.customer-overview>div{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;background:#fff;border:1px solid #e4eaf2;color:#5b5ce2}.customer-overview>div:nth-child(2){color:#0891b2}.customer-overview>div:nth-child(3){color:#d97706}.customer-overview span{display:flex;flex-direction:column;gap:4px;color:#75869d;font-size:12px}.customer-overview strong{font-size:20px;color:#17324e}.customer-tabs{border:1px solid #e0e7f0;background:#fff;border-radius:12px;padding:6px;gap:6px;margin-bottom:22px;display:flex}.customer-tabs button{display:flex;align-items:center;gap:8px;border:0;padding:12px 19px;border-radius:8px;color:#687c93}.customer-tabs button.active{background:#e6f5fa;color:#087e9c;box-shadow:none;border:0}.linked-card-grid{grid-template-columns:repeat(auto-fit,minmax(290px,380px));gap:20px}.linked-card.vivid-card{position:relative;overflow:hidden;padding:24px;min-height:245px;border:0;border-radius:18px;color:#fff;background:linear-gradient(125deg,#087f8c,#1252a2);box-shadow:0 10px 22px #145b8f25;transition:transform .2s,box-shadow .2s}.linked-card.vivid-card:after{content:"";position:absolute;height:230px;width:230px;border:35px solid #ffffff0c;border-radius:50%;right:-100px;top:-90px;pointer-events:none}.linked-card.vivid-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #145b8f35}.linked-card.vivid-card.card-tone-1{background:linear-gradient(125deg,#6d28d9,#4338ca)}.linked-card.vivid-card.card-tone-2{background:linear-gradient(125deg,#c24161,#db2777)}.linked-card.vivid-card.card-tone-3{background:linear-gradient(125deg,#047857,#0d9488)}.linked-card.vivid-card p,.linked-card.vivid-card strong,.linked-card.vivid-card .card-number,.linked-card.vivid-card svg{color:#fff}.linked-card.vivid-card p{opacity:.8;margin:20px 0 14px}.linked-card.vivid-card .bank-mark{color:#fff;background:#ffffff25;border:1px solid #ffffff40}.linked-card.vivid-card .card-number{letter-spacing:3px;font-size:21px}.linked-card.vivid-card .card-bottom{border-color:#ffffff30;margin-top:22px;padding-top:16px}.linked-card.vivid-card .card-bottom span{color:#ffffffb8;font-size:11px}.linked-card.vivid-card .card-bottom strong{margin-top:5px;font-size:15px}.bill-timeline-list{display:grid;gap:16px;padding:18px 22px}.bill-history{padding:20px;border:1px solid #e0e8f2;border-radius:14px;background:#fff}.bill-history header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.bill-history-title{display:flex;align-items:center;gap:12px}.history-icon{width:42px;height:42px;display:grid;place-items:center;background:#edf0ff;color:#6366f1;border-radius:11px}.bill-history h3{font-size:15px;margin:0 0 5px;color:#213c59}.bill-history h3 small{font-weight:400;color:#8592a5}.bill-history p{font-size:12px;color:#7a8b9e;margin:0;line-height:1.5}.bill-history-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f6f8fc;border-radius:10px;padding:14px 17px;margin:18px 0}.bill-history-totals div{display:flex;flex-direction:column;gap:5px}.bill-history-totals small{font-size:11px;color:#7a8b9e}.bill-history-totals strong{font-size:16px;color:#233d58}.payment-timeline{list-style:none;padding:0;margin:0 0 14px}.payment-timeline li{position:relative;display:flex;gap:13px;padding-bottom:21px}.payment-timeline li:not(:last-child):before{content:"";position:absolute;width:2px;background:#d9eee8;left:13px;top:24px;bottom:0}.timeline-dot{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e0f6ed;color:#0f9469}.payment-timeline .pending .timeline-dot{color:#c18108;background:#fff1d1}.payment-timeline strong{font-size:13px;color:#36516b;display:block;margin:3px 0 4px}.category-master-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:22px;align-items:start}.compact-editor{display:flex;flex-direction:column;gap:18px}.compact-editor .form-actions{padding:0}.color-options{display:flex;gap:9px;flex-wrap:wrap;margin:4px 0}.color-options button{width:30px;height:30px;border:2px solid transparent;border-radius:50%;color:#fff;display:grid;place-items:center;cursor:pointer}.color-options button.selected{outline:2px solid #7c8ba1;outline-offset:3px}.category-master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-master-card{background:#fff;padding:22px;border:1px solid #e1e8f0;border-top:3px solid var(--category-color);border-radius:13px}.category-card-top{display:flex;justify-content:space-between;align-items:center}.category-symbol{background:color-mix(in srgb,var(--category-color) 12%,white);color:var(--category-color);width:43px;height:43px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.category-master-card h2{font-size:17px;margin:16px 0 7px;color:#243c58}.category-master-card p{font-size:12px;color:#7d8ca0;margin:0 0 20px}.expense-hero{display:flex;justify-content:space-between;gap:25px;align-items:center;background:linear-gradient(115deg,#152e52,#283d80 65%,#4e46a5);padding:28px 32px;border-radius:17px;color:#fff;margin-bottom:20px}.expense-hero .eyebrow{color:#9de4e8;font-size:10px;letter-spacing:2px}.expense-hero h2{font-size:25px;margin:10px 0;color:#fff}.expense-hero p{color:#bac9e2;font-size:13px;margin:0;line-height:1.7}.expense-hero-total{display:flex;flex-direction:column;gap:8px;min-width:230px;padding:18px 23px;background:#ffffff10;border:1px solid #ffffff20;border-radius:13px}.expense-hero-total span,.expense-hero-total small{color:#c4d3ed;font-size:12px}.expense-hero-total strong{color:#fff;font-size:30px;letter-spacing:-.8px}.expense-stats .stat{min-height:115px;padding:20px;border-radius:13px}.expense-category-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:20px 0}.expense-category-tile{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e2e8f1;background:#fff;border-radius:12px;padding:15px;color:#48617b;cursor:pointer}.expense-category-tile.selected{border-color:var(--category-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--category-color) 12%,transparent)}.expense-category-tile>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1;font-size:12px}.expense-category-tile strong{font-size:16px;color:#203b58}.expense-category-tile>svg{color:#9aa8ba}.expense-ledger{border-radius:14px}.expense-ledger .category-tabs{flex-wrap:wrap}.expense-ledger .category-tabs button{font-size:12px;padding:8px 12px}.ledger-search{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:0}.ledger-search .search-input{max-width:320px}.status-switch{display:flex;background:#f0f3f8;padding:4px;border-radius:8px;gap:4px}.status-switch button{border:0;background:transparent;color:#7e8ca0;padding:8px 12px;font-size:12px;cursor:pointer;border-radius:5px}.status-switch button.active{background:#fff;box-shadow:0 1px 4px #1e365211;color:#344c6d}@media(max-width:900px){.category-master-layout{grid-template-columns:1fr}.expense-hero{align-items:flex-start;padding:23px;flex-direction:column}.expense-hero-total{width:100%;min-width:0}.customer-overview{gap:8px}.customer-overview>div{padding:12px}}@media(max-width:600px){.form-grid,.form-grid.three,.form-grid.four{padding:16px;gap:13px;grid-template-columns:1fr}.form-content{padding:16px}.category-master-grid,.customer-overview{grid-template-columns:1fr}.customer-tabs{flex-wrap:wrap}.customer-tabs button{padding:10px 12px;font-size:12px}.linked-card-grid{grid-template-columns:1fr}.bill-timeline-list{padding:12px}.bill-history{padding:15px}.bill-history-totals{padding:12px;gap:8px}.bill-history-totals strong{font-size:13px}.expense-hero h2{font-size:22px}}.reference-bank-card{border-radius:var(--bank-radius, 18px);background:linear-gradient(var(--bank-angle, 145deg),var(--bank-primary),var(--bank-secondary))}.reference-bank-card .card-number{font-variant-numeric:tabular-nums;font-size:clamp(17px,1.6vw,23px);letter-spacing:.08em;overflow-wrap:anywhere}.reference-bank-card .reference-cardholder{display:block;font-size:12px;margin:12px 0}.filter-row label input[type=number]{display:block;max-width:190px;margin-top:6px}.form-grid textarea{min-height:90px;resize:vertical}.main-shell{min-width:0}main{flex:1;margin:0;max-width:none;padding:16px 20px}.topbar{height:56px;min-height:56px;padding:0 20px;gap:16px}.preview-banner{padding:4px 20px}.app-footer{padding:8px 20px 12px;font-size:11px}.page-header{margin-bottom:14px;gap:12px}.page-header h1{font-size:25px;line-height:1.25}.page-header p{margin-top:4px;line-height:1.4}.eyebrow{margin-bottom:4px}.page-actions{gap:8px;flex-wrap:wrap}.back-link{margin-bottom:8px}.button{min-height:36px;padding:8px 13px}.button.small,.view-link{padding:6px 10px;min-height:30px}.stats-grid{margin-bottom:14px;gap:12px}.stat,.expense-stats .stat{min-height:88px;padding:13px 16px;border-radius:10px}.stat-label{margin-bottom:6px;line-height:1.3}.stat strong{font-size:24px}.stat small{margin-top:5px;line-height:1.3}.stat small:empty{display:none}.stat-icon{width:34px;height:34px;border-radius:9px}.stat-icon svg{width:19px;height:19px}.panel{margin-bottom:14px}.panel-heading{padding:12px 16px;gap:10px}.panel-heading h2{font-size:17px}.panel-heading p{margin-top:3px;line-height:1.4}.filter-row{padding:10px 16px;gap:10px}.filter-row.compact{max-width:none;padding-top:0}.filter-row input[type=month],.filter-row select{padding:7px 10px;min-height:36px}.table-wrap{padding:0 14px}th,td{padding:9px 10px}.table-footer{padding:10px 16px}.dashboard-main,.two-columns{gap:14px}.section-heading{margin-bottom:10px}.inset{padding:12px 16px}.empty{padding:24px 16px}.empty-icon{margin-bottom:10px}.narrow-form{max-width:none}.form-grid,.form-grid.three,.form-grid.four{padding:14px 16px;gap:12px 18px}.form-content{padding:14px 16px}.form-content>.field{margin-bottom:12px}.form-content .form-grid{padding:0;margin:0}.field{gap:5px}.field input,.field select,.field textarea{min-height:38px;padding:8px 10px}.field textarea{min-height:60px}.form-actions{padding:10px 0;gap:8px}.form-grid>.error-box{grid-column:1 / -1}.card-form-block .form-grid{padding:12px!important;gap:12px}.card-form-heading{padding:10px 12px}.upload-box{padding:12px;min-height:80px;gap:6px}.vendor-bottom-actions{gap:10px;margin-top:12px}.vendor-bottom-actions .button{padding:10px}.profile-banner{padding:16px 20px;margin-bottom:12px;gap:16px}.profile-avatar{width:56px;height:56px;flex-shrink:0}.profile-banner p{margin-top:4px}.customer-overview{margin-bottom:12px;gap:10px}.customer-overview>div{padding:11px 15px}.customer-overview strong{font-size:19px}.tabs{margin-bottom:14px}.tabs button{padding:10px 12px}.customer-tabs{margin-bottom:14px;padding:4px}.customer-tabs button{padding:9px 14px}.linked-card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0}.linked-card.vivid-card{min-height:205px;padding:20px;max-width:none}.linked-card.bank-themed-card{background:linear-gradient(125deg,var(--bank-primary),var(--bank-secondary));border-top:4px solid var(--bank-accent);box-shadow:none}.linked-card.bank-themed-card:hover{transform:none}.linked-card.bank-themed-card .bank-mark{border-bottom:2px solid var(--bank-accent)}.bill-payment-details{margin:8px 0 14px;border-top:1px solid #e6edf3}.bill-payment-details summary{display:list-item;padding:12px 0;cursor:pointer;color:#335572;font-size:13px;font-weight:600}.history-count{color:#8193a5;font-size:11px;font-weight:400;margin-left:12px}.bill-payment-details .payment-timeline{margin:2px 0 0}.linked-card.vivid-card p{margin:13px 0 10px}.linked-card.vivid-card .card-bottom{margin-top:16px;padding-top:12px}.bill-timeline-list{padding:12px 16px;gap:12px}.bill-history{padding:15px}.bill-history-totals{margin:12px 0;padding:10px 14px}.payment-timeline li{padding-bottom:14px}.category-master-layout{grid-template-columns:minmax(260px,320px) 1fr;gap:16px}.category-master-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.category-master-card{padding:16px}.category-master-card h2{margin:10px 0 5px}.category-master-card p{margin-bottom:12px}.compact-editor{gap:13px}.expense-category-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:12px 0;gap:10px}.expense-category-tile{padding:10px 12px;gap:10px}.expense-category-tile .category-symbol{width:34px;height:34px;border-radius:8px}.expense-category-tile>span:nth-child(2){gap:3px}.expense-category-tile strong{font-size:15px}.ledger-search{align-items:center;padding:8px 16px 12px}.ledger-search .status-switch{margin-left:auto}.ledger-search .search-input{width:230px;min-width:160px;flex:0 1 230px}.status-switch button{padding:6px 10px}.login-form .field{margin-bottom:14px}.login-form .muted{margin-bottom:22px}.login-story{padding:35px 45px}@media(min-width:1201px){.sidebar{width:210px;padding:18px 12px 14px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.sidebar nav a{padding:10px 12px}.nav-caption{margin-top:22px;margin-bottom:10px}.sidebar-tip{padding:10px}.form-grid:not(.single):not(.four){grid-template-columns:repeat(3,minmax(0,1fr))}.bank-form-full .form-grid.single{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-form-full .field:has(textarea){grid-column:1 / -1}}@media(max-width:1000px){.category-master-layout{grid-template-columns:1fr}.ledger-search .status-switch{margin-left:0}}@media(max-width:700px){main{padding:12px}.topbar{padding:0 14px}.page-header{align-items:flex-start;flex-wrap:wrap}.page-header h1{font-size:23px}.stats-grid,.stats-grid.three-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat,.expense-stats .stat{min-height:82px;padding:12px}.stat strong{font-size:21px}.stat-label{padding-right:25px}.stat-icon{top:10px;right:10px;width:26px;height:26px}.stat-icon svg{width:16px;height:16px}.form-grid,.form-grid.three,.form-grid.four{grid-template-columns:1fr;padding:12px;gap:11px}.form-content{padding:12px}.customer-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.customer-overview>div{padding:10px;flex-direction:column;align-items:flex-start;gap:5px}.customer-overview strong{font-size:15px;overflow-wrap:anywhere}.customer-overview span{font-size:10px}.category-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-master-card{padding:12px;min-width:0;overflow-wrap:anywhere}.category-symbol{width:34px;height:34px}.expense-category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-search .search-input{flex:1 1 100%;max-width:none}.app-footer{padding:8px 12px}}.profile-menu{position:relative;margin-left:auto}.profile-trigger{border:0;border-left:1px solid #e5ebf1;background:transparent;padding:4px 0 4px 15px;cursor:pointer;color:#26445d}.profile-trigger strong{font-size:13px}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:230px;background:#fff;border:1px solid #e0e7ee;border-radius:12px;box-shadow:0 12px 35px #12344d20;z-index:70;padding:6px}.profile-menu-info{display:flex;flex-direction:column;padding:12px;gap:4px;border-bottom:1px solid #edf1f5;overflow-wrap:anywhere}.profile-menu-info small{font-size:12px;color:#8191a1}.profile-dropdown>button{display:flex;align-items:center;gap:9px;border:0;background:#fff;color:#bb3c4c;width:100%;text-align:left;padding:12px;border-radius:7px;margin-top:4px}.profile-dropdown>button:hover{background:#fff2f3}.dashboard-main.dashboard-ledger-only{grid-template-columns:minmax(0,1fr)}.linked-card-grid{gap:10px}.linked-card.bank-themed-card{background:linear-gradient(125deg,color-mix(in srgb,var(--bank-primary) 13%,white),color-mix(in srgb,var(--bank-secondary) 23%,white));border:1px solid color-mix(in srgb,var(--bank-primary) 22%,white);border-top:3px solid color-mix(in srgb,var(--bank-accent) 55%,white);color:#213e5b}.linked-card.bank-themed-card p,.linked-card.bank-themed-card strong,.linked-card.bank-themed-card .card-number,.linked-card.bank-themed-card svg{color:color-mix(in srgb,var(--bank-primary) 65%,#152a40)}.linked-card.bank-themed-card .card-bottom span{color:#607b92}.linked-card.bank-themed-card .card-bottom{border-color:#a7bcc852}.linked-card.bank-themed-card .bank-mark{background:#ffffff9c;border-color:#fff;color:var(--bank-primary)}.customer-content-with-files{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:16px;align-items:start}.customer-content-with-files>div{min-width:0}.customer-files-aside .panel-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.customer-files-aside .panel-heading p{display:none}.attachment-panel-content{padding:0 14px 14px}.attachment-boxes{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start}.attachment-box{display:flex;align-items:center;gap:8px;width:160px;max-width:100%;min-height:45px;border:1px solid #dce8ee;border-radius:8px;padding:8px;background:#f6fafc;color:#3c7597}.attachment-box>span{min-width:0;flex:1}.attachment-box strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.attachment-box small{display:block;font-size:10px;color:#8b9bab}.attachment-box>svg{flex-shrink:0}.attachment-box:hover{background:#eaf5fc;border-color:#9dc4da}.attachment-empty{display:inline-block;font-size:12px;color:#97a6b6}.expense-ledger th:last-child,.expense-ledger td:last-child{width:110px;text-align:right;white-space:nowrap}.expense-ledger th:nth-last-child(2),.expense-ledger td:nth-last-child(2){min-width:130px}.expense-ledger td .attachment-box{width:130px}.inline-files .attachment-box{width:140px}.login.login-refresh{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:#f5f9fc}.login-refresh .login-story{background:radial-gradient(ellipse at 20% 80%,#c6e9ee 0,transparent 58%),linear-gradient(135deg,#eff8ff,#edf8f5);color:#183e54;padding:36px 7%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.login-refresh .brand{color:#183e54;font-size:21px;padding:0}.login-refresh .login-story h1{color:#1c3b55;font-size:clamp(36px,3.8vw,58px);line-height:1.12;letter-spacing:-1.7px;margin:15px 0 20px}.login-refresh .login-story h1 span{color:#078e9e}.login-refresh .login-story .eyebrow{color:#548595;font-size:10px}.login-refresh .login-story p{color:#668194;max-width:390px;line-height:1.8}.login-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px;max-width:540px}.login-feature-grid>div{display:flex;flex-direction:column;background:#ffffffa8;border:1px solid #ffffff;border-radius:13px;padding:17px 13px;gap:9px}.login-feature-grid>div>span{display:grid;place-items:center;width:40px;height:40px;background:#dff4f3;color:#05909b;border-radius:11px;margin-bottom:5px}.login-feature-grid>div:nth-child(2)>span{background:#eae7fc;color:#7363c1}.login-feature-grid>div:nth-child(3)>span{background:#fff0d9;color:#c3903f}.login-feature-grid strong{font-size:13px;color:#284e62}.login-feature-grid small{font-size:11px;line-height:1.5;color:#7892a2}.login-refresh .login-story-footer{color:#8aa0ac;font-size:11px;margin-top:30px}.login-refresh .login-form{background:transparent;padding:30px}.login-refresh .login-form form{width:410px;padding:30px;background:#fff;border:1px solid #e3ecf2;border-radius:20px;box-shadow:0 12px 45px #31556b09}.login-form-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e4f5f5;color:#088d9a;margin-bottom:23px}.login-refresh .login-form h1{margin:6px 0;font-size:30px}.login-refresh .login-form .eyebrow{font-size:9px;letter-spacing:1.8px}.login-refresh .login-form .muted{margin:8px 0 24px}.login-refresh .login-form .field{margin-bottom:17px}.password-control{position:relative}.password-control input{padding-right:42px}.password-toggle{position:absolute;top:29px;right:10px;display:grid;place-items:center;width:26px;height:28px;background:transparent;border:0;color:#8297a6}@media(max-width:1000px){.customer-content-with-files{grid-template-columns:1fr}.customer-files-aside .panel-heading{flex-wrap:nowrap}.login-feature-grid{grid-template-columns:1fr;gap:10px}.login-feature-grid>div{padding:12px}.login-feature-grid small{display:none}}@media(max-width:700px){.profile-trigger strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trigger{padding-left:8px;gap:7px}.profile-dropdown{width:220px}.login.login-refresh{grid-template-columns:1fr}.login-refresh .login-story{min-height:0;padding:23px;gap:24px}.login-refresh .login-story h1{font-size:35px;margin:8px 0 14px}.login-refresh .login-story .brand{font-size:18px}.login-feature-grid,.login-refresh .login-story-footer{display:none}.login-refresh .login-form{padding:20px 16px 30px}.login-refresh .login-form form{width:100%;max-width:420px;padding:24px}}.customer-content-with-files .linked-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.linked-card.reference-bank-card{background:linear-gradient(115deg,var(--bank-primary),var(--bank-secondary));color:#fff;border:1px solid #ffffff40;border-top:1px solid #ffffff60;border-radius:15px;padding:19px;box-shadow:0 7px 16px #16334b20;min-height:256px;isolation:isolate}.linked-card.reference-bank-card:after{inset:0 0 0 auto;width:53%;height:100%;border:0;border-radius:0;background:var(--bank-pattern);opacity:1;z-index:-1}.linked-card.reference-bank-card:before{content:"";position:absolute;width:150px;height:150px;border:18px solid #ffffff06;border-radius:25px;transform:rotate(35deg);right:-35px;top:28px;z-index:-1}.linked-card.reference-bank-card p,.linked-card.reference-bank-card strong,.linked-card.reference-bank-card .card-number,.linked-card.reference-bank-card svg{color:#fff}.linked-card.reference-bank-card .bank-mark{background:#ffffff1c;color:#fff;border:1px solid #ffffff50;border-radius:5px}.reference-bank-card>div:first-child>strong{font-size:13px;line-height:1.3}.linked-card.reference-bank-card .reference-card-name{font-size:11px;margin:10px 0 12px;opacity:.8}.reference-chip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.reference-chip{position:relative;width:39px;height:30px;flex-shrink:0;border-radius:6px;border:1px solid #d9d9c6;background:linear-gradient(130deg,#eee9d6,#bdbfb8 60%,#ecebdf)}.reference-chip:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:12px;border-left:1px solid #92968d;border-right:1px solid #92968d;border-radius:5px}.reference-chip:after{content:"";position:absolute;left:0;right:0;top:9px;height:10px;border-top:1px solid #92968d;border-bottom:1px solid #92968d}.reference-outstanding{text-align:right;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#ffffffa8}.reference-outstanding strong{display:block;font-size:16px;margin-top:4px;letter-spacing:0}.linked-card.reference-bank-card .card-number{font-size:16px;letter-spacing:2.7px;display:block}.reference-cardholder{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#ffffffe0;margin-top:12px}.linked-card.reference-bank-card .card-bottom{margin-top:12px;padding-top:10px;border-color:#ffffff26}.linked-card.reference-bank-card .card-bottom span{color:#ffffffa6;font-size:10px}.linked-card.reference-bank-card .card-bottom strong{font-size:13px}.auth-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 18% 8%,#194c65 0,transparent 45%),radial-gradient(ellipse at 95% 90%,#0c5b633d 0,transparent 40%),#102a3e}.auth-shell{width:100%;max-width:420px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:11px;color:#fff;margin-bottom:26px;font-size:21px;letter-spacing:-.3px}.brand-logo{display:block;width:56px;height:56px;flex-shrink:0;object-fit:contain;border-radius:12px}.auth-brand .brand-logo{width:80px;height:80px}.auth-card{background:#fff;border:1px solid #ffffff80;border-radius:18px;padding:32px;box-shadow:0 22px 70px #0003}.auth-card form{width:100%}.auth-lock{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;color:#078c98;background:#e7f6f5;margin-bottom:21px}.auth-eyebrow{color:#7c91a2;font-size:9px;letter-spacing:1.7px;font-weight:600;margin-bottom:7px}.auth-card h1{font-size:25px;line-height:1.25;letter-spacing:-.6px;color:#183c54;margin:0}.auth-description{font-size:13px;line-height:1.6;color:#8497a7;margin:9px 0 27px}.auth-card .field{margin-bottom:18px}.auth-card .field>span{font-size:12px;color:#3c586d}.auth-card .field input{height:44px;background:#fbfcfd;border-radius:8px}.auth-card .button[type=submit]{width:100%;min-height:43px;margin-top:6px;border-radius:8px}.auth-password .password-toggle{top:29px;right:10px}.auth-card .demo-credentials{padding:12px;margin-top:20px}.auth-card .demo-credentials p{font-size:11px;margin:7px 0}.auth-caption{text-align:center;color:#a1bacb;font-size:11px;margin:20px 0 0}@media(max-width:500px){.customer-content-with-files .linked-card-grid{grid-template-columns:minmax(0,1fr)}.auth-page{padding:24px 18px}.auth-card{padding:26px 23px}.auth-brand{font-size:19px;margin-bottom:22px}.auth-card h1{font-size:23px}}.sidebar nav{overflow-y:auto;min-height:0;padding-bottom:12px}.sidebar .brand{flex-shrink:0}.linked-card.reference-bank-card{border-radius:var(--bank-radius, 18px);background:linear-gradient(var(--bank-angle, 145deg),var(--bank-primary),var(--bank-secondary))}.linked-card.reference-bank-card .card-number{font-size:18px;letter-spacing:1.4px;font-variant-numeric:tabular-nums}.linked-card.reference-bank-card .reference-cardholder{letter-spacing:.6px}.linked-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),400px));gap:18px}@media(max-width:380px){.topbar .profile-trigger strong{display:none}}.card-form-block .field input:not(:disabled){background:#fff;color:#36536b}.card-form-block .field input:autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#36536b;caret-color:#36536b}.card-form-block .field input:-webkit-autofill,.card-form-block .field input:-webkit-autofill:hover,.card-form-block .field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#36536b;caret-color:#36536b}.vendor-transaction-note{margin:16px 0}.vendor-transaction-note textarea{min-height:90px}.cards-filter-section{padding:16px;border-bottom:1px solid #e4ebf1;background:#fbfcfe;border-radius:10px 10px 0 0}.cards-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cards-filter-heading>span{display:flex;align-items:center;gap:7px;color:#36536b;font-size:13px;font-weight:600}.cards-filter-heading .text-link{font-size:12px}.cards-filter-grid{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(140px,1fr) minmax(160px,1fr) minmax(240px,1.4fr);gap:14px;align-items:end}.cards-filter-control{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;color:#415d73;font-size:12px}.cards-filter-control>span{font-weight:500}.cards-filter-control select,.cards-limit-range{width:100%;min-width:0;height:40px;border:1px solid #dfe7ee;border-radius:6px;background:#fff;color:#36536b;font-size:13px}.cards-filter-control select{padding:0 10px}.cards-filter-control .search-input{min-height:40px;height:40px}.cards-filter-control .search-input input{font-size:13px}.cards-limit-range{display:flex;align-items:center;gap:8px;padding:0 10px}.cards-limit-range input{width:0;flex:1;min-width:0;height:100%;background:transparent;color:#36536b;border:0;box-shadow:none;outline:none;font-size:13px}.cards-limit-range input::placeholder{color:#9baabd}.cards-limit-range>span{color:#98a8b7;font-size:11px}.cards-limit-range:focus-within{border-color:#55b5bc;box-shadow:0 0 0 3px #008b950a}.cards-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px 16px}.cards-selection-toolbar .check-label{margin:0;font-size:12px}.cards-selection-toolbar>.muted{font-size:12px}@media(max-width:1150px){.cards-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.cards-filter-grid{grid-template-columns:minmax(0,1fr);gap:12px}.cards-filter-section{padding:14px}}.vendor-entry #transaction-form>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.compact-file-picker .upload-box.compact-upload{flex-direction:row;justify-content:flex-start;min-width:0;min-height:0;height:40px;margin:0;padding:8px 10px;gap:8px}.compact-upload>svg{width:16px;height:16px;flex-shrink:0}.compact-upload strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-file-hint{color:#75869d;font-size:12px}@media(max-width:650px){.vendor-entry #transaction-form>.form-grid{grid-template-columns:minmax(0,1fr)}}.sidebar .nav-group-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:14px 15px;border:0;border-radius:7px;background:transparent;color:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer}.sidebar .nav-group-toggle:hover{color:#fff;background:#ffffff08}.sidebar .nav-group-toggle.active-parent{color:#fff;background:#ffffff0b}.sidebar .nav-group-toggle:focus-visible{outline:2px solid #65c6ca;outline-offset:-2px}.nav-group-toggle>svg:first-child{flex-shrink:0}.nav-group-chevron{margin-left:auto;flex-shrink:0;transition:transform .18s ease}.nav-group-chevron.expanded{transform:rotate(180deg)}.sidebar .nav-submenu{display:grid;gap:3px;margin:4px 0 6px 23px;padding-left:10px;border-left:1px solid #ffffff20}.sidebar .nav-submenu a{padding:10px;gap:9px;font-size:12px;line-height:1.4;border-radius:6px}.sidebar .nav-submenu a svg{flex-shrink:0}@media(min-width:1200px){.sidebar .nav-group-toggle{padding:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){.nav-group-chevron{transition:none}}.status-field{align-self:start}.status-field .status-control{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 10px;border:1px solid #dfe7ee;border-radius:6px;background:#fff;color:#36536b;font-size:13px;line-height:20px;cursor:pointer}.status-field .status-control input[type=checkbox]{flex:0 0 15px;width:15px;height:15px;min-height:15px;margin:0;padding:0;accent-color:#008b95}.status-field .status-control:focus-within{border-color:#55b5bc;box-shadow:0 0 0 3px #008b950a}.customer-preferences{display:flex;flex-direction:column;gap:10px;min-width:0}.customer-preferences .status-field{align-self:stretch}.customer-preferences>.check-label{font-size:12px;line-height:1.5}.customer-preferences>small{font-size:12px;line-height:1.5}.card-form-block .field textarea.manual-card-number{height:40px;min-height:40px;resize:none;overflow:hidden;white-space:nowrap}.loan-opening-field{display:flex;flex-direction:column;gap:7px;min-width:0}.loan-opening-field>small{font-size:12px;line-height:1.5}.loan-form-full{grid-column:1 / -1;min-width:0}.loan-document-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}@media(max-width:640px){.loan-document-row{grid-template-columns:1fr}}.profile-identity{display:grid;justify-items:start;gap:5px}.account-role-badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 9px;border:1px solid #b4dedf;border-radius:6px;background:#e4f4f3;color:#006d75;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}.profile-menu-info .account-role-badge{margin-top:7px}