:root{--navy:#082b50;--sand:#f8f4ed;--line:#e9e2d8;--muted:#7c8390;--turquoise:#179fb1;--orange:#ff6b23;--green:#168852;--pink:#ed4766}*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--navy);font-family:'Avenir Next','Segoe UI',sans-serif;font-size:15px}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--turquoise);outline-offset:4px}aside{width:230px;position:fixed;inset:0 auto 0 0;padding:33px 21px;background:#fcf9f3;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy);font-size:32px;font-weight:650;letter-spacing:-1.4px}.brand img{width:54px;height:58px;object-fit:cover;border-radius:16px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0}.brand b{color:#167fa7}.brand em{color:#fa6123;font-style:normal}.brand i{color:var(--green);font-style:normal}.nav-label{font-size:10px;letter-spacing:1.7px;color:#8c9197;margin:48px 10px 17px}nav button{display:flex;align-items:center;gap:13px;background:none;border:0;width:100%;padding:14px 17px;border-radius:9px;text-align:left;margin-bottom:6px;font-size:14px}nav button.active{background:var(--navy);color:white;box-shadow:0 5px 12px #082b5018}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto}.manifesto{font-size:24px;line-height:1.4;padding:30px 15px;letter-spacing:-.7px}.manifesto span{color:var(--green)}.profile{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);background:none;padding:23px 0 0;width:100%;text-align:left;font-size:13px}.profile small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.avatar{border-radius:50%;display:grid;place-items:center;background:#e9d9c1;color:#685139;width:38px;height:38px;font-size:12px;font-weight:600;flex-shrink:0}main{margin-left:230px;padding:0 38px}header{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;color:#80858b}.header-right{display:flex;align-items:center;gap:23px}.demo{font-size:11px;padding:6px 10px;border:1px solid #dfd6c9;border-radius:20px}.icon-button{border:0;background:none;font-size:23px;position:relative}.dot{position:absolute;right:1px;top:3px;background:var(--orange);height:5px;width:5px;border-radius:50%}.heading{display:flex;justify-content:space-between;align-items:center;margin:31px 0 25px}h1{font-size:30px;font-weight:600;letter-spacing:-1px;margin:0 0 6px}p{color:var(--muted);line-height:1.6;margin:5px 0}h2{font-size:16px;font-weight:600;margin:0}h3{font-size:15px;margin:0}small{font-size:12px}.date{font-size:12px;color:#777f89}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px}.left-stack,.right-stack{display:flex;flex-direction:column;gap:22px}.panel{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:23px;box-shadow:0 3px 8px #553f1a03}.balance{position:relative;overflow:hidden;background:var(--navy);color:white;border:0;padding:28px;min-height:199px}.paint{position:absolute;inset:0 0 0 40%;background-image:url('assets/brand-reference.png');background-size:850px auto;background-position:48% 82.4%;opacity:.6;mask-image:linear-gradient(90deg,transparent,#000 75%);pointer-events:none}.balance>*:not(.paint){position:relative}.eyebrow{font-size:12px;letter-spacing:.2px;color:#c6d1df}.balance-value{font-size:39px;letter-spacing:-1.4px;font-weight:550;margin:13px 0 8px}.balance-value span{font-size:25px;opacity:.7}.balance-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:21px}.balance-bottom span:first-child{background:#ffffff12;border:1px solid #ffffff26;padding:6px 10px;border-radius:20px}.balance-bottom .positive{color:#73e2b4}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action{border:1px solid var(--line);border-radius:12px;padding:17px 5px;background:#fffdf8;display:flex;flex-direction:column;align-items:center;gap:11px;font-size:12px}.action:hover{border-color:var(--turquoise);transform:translateY(-2px)}.action svg{height:22px;width:22px}.action:nth-child(2){color:var(--orange)}.action:nth-child(3){color:var(--green)}.action:nth-child(4){color:var(--turquoise)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.text-button{background:none;border:0;font-size:12px;color:#597085;padding:4px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stat{padding:19px 23px}.stat label{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:24px;letter-spacing:-.7px;margin-top:9px}.stat small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.positive{color:var(--green)}.negative{color:#e86342}.transaction{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #efe9e0}.transaction:last-child{border:0;padding-bottom:0}.transaction .avatar{background:#f0e5d3;font-size:14px}.transaction:nth-child(3) .avatar{background:#daeee6}.transaction-info{flex:1}.transaction-info strong{font-size:13px;font-weight:550}.transaction-info small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.amount{text-align:right;font-size:13px;font-weight:600}.amount small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}.bank-card{position:relative;overflow:hidden;aspect-ratio:1.7;background:var(--navy);border-radius:12px;color:white;padding:22px;box-shadow:0 10px 14px #082b5019}.bank-card .paint{inset:0 0 0 20%;opacity:.8}.card-top,.card-number,.card-bottom,.chip{position:relative}.card-top{display:flex;justify-content:space-between;font-size:24px;font-weight:600}.card-top span{font-size:9px;letter-spacing:2px;font-weight:400;margin-top:8px}.chip{width:33px;height:25px;background:linear-gradient(135deg,#f3ddb0,#b8a473);border:1px solid #a98b5c;border-radius:5px;margin-top:23px}.card-number{margin-top:15px;font-size:15px;letter-spacing:3px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;margin-top:16px}.card-bottom b{font-size:22px;font-style:italic}.card-meta{display:flex;justify-content:space-between;margin:20px 0;font-size:12px;color:var(--muted)}.card-meta strong{color:var(--navy);font-size:18px}.buttons{display:flex;gap:10px}.btn{padding:11px 17px;border:1px solid #d8d6d0;background:transparent;border-radius:7px;font-size:12px}.btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.buttons .btn{flex:1}.spending{display:flex;align-items:center;gap:24px}.donut{height:143px;width:143px;flex-shrink:0;border-radius:50%;background:conic-gradient(#ee4766 0 28%,#ffae17 28% 46%,#13839d 46% 67%,#0c9b72 67% 83%,#37b7c8 83%);position:relative;display:grid;place-items:center}.donut:before{content:'';position:absolute;inset:20px;background:#fffdf8;border-radius:50%}.donut div{position:relative;text-align:center;font-size:18px;font-weight:600}.donut small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.legend{flex:1}.legend div{display:flex;justify-content:space-between;font-size:10px;margin:14px 0;gap:8px}.legend i{display:inline-block;height:6px;width:6px;border-radius:50%;margin-right:7px}.trip{background:linear-gradient(120deg,#f5ecdc,#e8f1eb);position:relative}.trip p{font-size:12px}.trip-row{display:flex;justify-content:space-between;margin-top:20px;align-items:end}.trip-row strong{font-size:22px}.progress{height:5px;border-radius:5px;background:#dfdfd5;overflow:hidden;margin:12px 0 18px}.progress span{display:block;height:100%;width:60.7%;background:linear-gradient(90deg,#199bb9,#15966a)}footer{display:flex;gap:12px;color:#a1a1a0;font-size:10px;padding:30px 0}.footer-right{margin-left:auto}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wallet-amount{font-size:32px;margin:24px 0}.currency-icon{font-size:26px}.full{grid-column:1/-1}.filters{display:flex;gap:9px;margin:20px 0}.filters button.selected{background:var(--navy);color:white}.search{background:#fffdf8;border:1px solid var(--line);border-radius:8px;padding:12px 15px;width:100%;margin-bottom:12px}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;width:450px;padding:32px;color:var(--navy);background:#fffdf8;box-shadow:0 25px 80px #082b5033}dialog::backdrop{background:#082b5055;backdrop-filter:blur(4px)}dialog h2{font-size:23px;margin-bottom:20px}.close{position:absolute;right:17px;top:13px;background:none;border:0;font-size:25px}.field{display:block;margin:18px 0;font-size:12px}.field input,.field select{display:block;width:100%;padding:12px;border:1px solid #ded9cf;border-radius:7px;background:#fcf9f3;margin-top:8px;color:var(--navy)}.review-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 23px;border-radius:9px;display:none;z-index:5}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.rate{font-size:33px;margin-top:20px}.chart{width:100%;height:120px;margin:20px 0}.mobile-title{display:none}@media(min-width:1500px){main{padding:0 55px}.dashboard-grid{gap:30px}.panel{padding:27px}}@media(max-width:1150px){aside{width:195px;padding:25px 15px}main{margin-left:195px;padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:18px}.spending{gap:14px}.donut{width:112px;height:112px}.donut:before{inset:15px}.page-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){aside{width:78px;padding:22px 10px}.brand img{width:48px}.brand>div,.nav-label,nav button span,.sidebar-bottom{display:none}nav{margin-top:35px}nav button{padding:15px;justify-content:center}main{margin-left:78px;padding:0 20px}.dashboard-grid{grid-template-columns:1fr}.page-grid{grid-template-columns:1fr}.date{display:none}.heading h1{font-size:25px}.right-stack{display:grid;grid-template-columns:1fr}.demo{font-size:10px}}
@media(max-width:600px){body{font-size:14px}aside{position:fixed;inset:auto 0 0;width:100%;height:74px;padding:0;background:#fffdf8;z-index:3;border:0;border-top:1px solid var(--line)}aside>.brand{display:none}nav{display:flex;margin:0;height:100%;justify-content:space-around}nav button{flex-direction:column;gap:4px;padding:10px 4px;margin:0;border-radius:0;width:auto;flex:1;font-size:10px}nav button span{display:block}nav button:nth-child(6),nav button:nth-child(7),nav button:nth-child(8){display:none}nav button.active{background:transparent;color:var(--turquoise);box-shadow:none}main{margin:0;padding:0 18px 76px}header{height:67px}.header-right{gap:12px}.heading{margin:25px 0 20px}h1{font-size:25px}.heading p{font-size:12px}.panel{padding:20px}.balance{min-height:183px}.balance-value{font-size:35px}.actions{gap:7px}.action{font-size:10px;padding:15px 3px}.stats{gap:12px}.stat{padding:18px}.stat strong{font-size:23px}.dashboard-grid{gap:20px}.spending{justify-content:space-around}.legend{max-width:190px}.donut{width:140px;height:140px}.donut:before{inset:20px}.footer-right{display:none}.bank-card{max-width:400px}.header-right .avatar{cursor:pointer}.page-grid{grid-template-columns:minmax(0,1fr)}dialog{width:calc(100% - 28px);padding:27px}footer{padding:25px 0 10px}}
.converter{margin-bottom:24px;border-top:3px solid var(--turquoise)}.fx-grid{display:grid;grid-template-columns:1.2fr 1fr auto 1fr 1.3fr;gap:18px;align-items:center}.fx-grid .field{margin:0 0 18px}.fx-grid .btn{margin-top:5px}.fx-result strong{display:block;font-size:28px;margin-top:8px;overflow-wrap:anywhere}.partner{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px;background:linear-gradient(110deg,#fffdf8,#f5ebdb)}.partner h2{font-size:22px;margin-top:10px}.partner a{text-decoration:none;white-space:nowrap}.partner small{color:var(--muted)}.group-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.trip-stats{grid-template-columns:repeat(3,1fr);margin-bottom:24px}.member-budget{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.member-budget>div{flex:1}.member-budget small{display:block;color:var(--muted);margin-top:6px}.field input[type=checkbox]{display:inline-block;width:auto}.manifesto{font-size:21px;padding:20px 15px}@media(max-width:1000px){.fx-grid{grid-template-columns:1fr 1fr auto 1fr}.fx-result{grid-column:1/-1}.member-budget{flex-wrap:wrap}}@media(max-width:600px){.fx-grid{grid-template-columns:1fr auto 1fr;gap:12px}.fx-grid>.field:first-child{grid-column:1/-1}.fx-result{grid-column:1/-1}.partner,.group-toolbar{align-items:stretch;flex-direction:column}.trip-stats{grid-template-columns:1fr}.member-budget>div{min-width:100px}.converter .panel-title{align-items:start;gap:12px}.converter small{font-size:11px}.partner a{text-align:center}}