body{--accent:#c6c5f4;--onaccent:#151515;--ink:#eee;--modal:#191919;background:linear-gradient(115deg,#cccdf2,#7f8dcb);color:#eee;min-height:100vh}.brand{display:none}.finance-stage{max-width:830px;margin:70px auto;display:grid;grid-template-columns:320px 320px;gap:40px 55px;justify-content:center;align-items:start}.device{background:#070707;border:6px solid #111;border-radius:49px;box-shadow:0 0 0 2px #777,2px 0 0 4px #252525,15px 25px 45px #30376822;position:relative;overflow:hidden;padding:0 14px 18px;color:#eee;min-width:0}.dashboard{grid-column:1;grid-row:1}.analytics{grid-column:1;grid-row:2}.editor{grid-column:2;grid-row:1/span 2;margin-top:300px}.status{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:10px}.status i{width:90px;height:24px;background:#000;border-radius:30px;position:absolute;left:50%;transform:translateX(-50%);top:10px}.status span{letter-spacing:2px}.handle{width:96px;height:4px;background:#eee;border-radius:10px;margin:17px auto 0}.greeting{margin:4px 0 16px;font-size:12px;gap:8px}.greeting .avatar{width:30px;height:30px}.greeting small{display:block;font-size:9px;color:#777;margin-bottom:4px}.greeting-name{display:block}.greeting .icon-button{background:#191919;padding:9px}.greeting .icon{width:16px;height:16px}.aurora{position:relative;isolation:isolate;overflow:hidden;background:#aac0ec;border-radius:14px}.aurora:before{content:'';position:absolute;inset:-70%;z-index:-1;background:conic-gradient(from 60deg,#020e0c 0deg,#347469 50deg,#afb5ec 100deg,#b9b0de 140deg,#3431bd 180deg,#a1aadb 220deg,#eea261 260deg,#275544 290deg,#020e0c 350deg);filter:blur(24px);animation:aura 18s ease-in-out infinite alternate}@keyframes aura{to{transform:rotate(30deg) scale(1.1)}}.balance-card{height:165px;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.card-top{display:flex;justify-content:space-between}.card-select{font-size:10px;border:0;border-radius:30px;padding:7px 10px;background:white;color:#181818;max-width:160px}.mastercard{font-size:25px;letter-spacing:-12px;margin-right:8px;opacity:.7}.balance-card small{font-size:11px;opacity:.8}.balance-value{font-size:29px;font-weight:400;letter-spacing:-1.4px;margin-top:3px}.balance-bottom{display:flex;justify-content:space-between;align-items:end}.balance-bottom button{padding:5px}.quick-money{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin:10px 0 20px}.quick-money button{display:grid;justify-items:center;gap:6px;border:0;border-radius:13px;padding:13px 2px;background:#202020;font-size:11px}.quick-money button:last-child{background:#fff;color:#111}.quick-money .icon{width:18px;height:18px}.section-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0 7px;font-size:15px;letter-spacing:-.5px}.section-row button{background:none;border:0;font-size:9px;color:#999}.transactions{max-height:204px;overflow:auto;scrollbar-width:none}.transaction{background:none;width:100%;border:0;display:flex;gap:10px;align-items:center;text-align:left;padding:12px 0;color:#eee}.merchant{display:grid;place-items:center;background:#222;width:31px;height:31px;border-radius:50%;font-size:19px;font-weight:bold}.transaction h3{margin:0 0 4px;font-size:11px;font-weight:500}.transaction small{color:#777;font-size:9px}.transaction .price{margin-left:auto;font-size:11px}.bottom-nav{display:flex;background:#242424;border-radius:40px;justify-content:space-around;padding:5px;margin-top:12px}.bottom-nav button{border:0;background:transparent;color:#ddd;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.bottom-nav button.active{background:white;color:#111}.bottom-nav .icon{width:18px}.panel-head{font-size:12px;margin:3px 0 12px}.panel-head .icon-button{padding:7px;background:#202020}.segmented{display:flex;border-radius:40px;background:#262626;padding:3px;margin-bottom:14px}.segmented button{width:50%;border:0;background:none;color:#aaa;border-radius:30px;font-size:11px;padding:7px}.segmented button.active{background:white;color:#111}.chart-panel{padding:14px 12px 10px;background:#232323;border-radius:12px}.chart-panel strong{font-size:24px;font-weight:400;letter-spacing:-1px}.chart-panel select{background:#494949;border:0;border-radius:30px;color:white;font-size:10px;padding:7px}.bars{display:flex;align-items:end;height:150px;gap:6px;padding-top:15px}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%;gap:7px}.bar-col button{border:0;border-radius:9px 9px 4px 4px;background:#454545;width:100%;height:var(--height);min-height:8px;animation:grow 1.3s cubic-bezier(.2,.7,.2,1) both;transform-origin:bottom}.bar-col:nth-child(6) button{background:linear-gradient(#c4c4f2,#7279b3)}.bar-col small{font-size:9px;color:#bbb}@keyframes grow{from{transform:scaleY(.1);opacity:.2}to{transform:scaleY(1);opacity:1}}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.category-tile{background:#232323;padding:12px 10px;border-radius:12px;text-align:left;border:0}.category-tile small{font-size:9px;color:#929292;display:block;margin-bottom:6px}.category-tile strong{font-size:16px;font-weight:400}.amount-panel{height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin:4px 0 18px}.amount-row{display:flex;font-size:44px;letter-spacing:-2px;align-items:center;justify-content:center}.amount-row input{max-width:170px;background:none;color:white;font-size:44px;letter-spacing:-2px;border:0;padding:0;width:100%;outline:0;text-align:left}.amount-row input::-webkit-inner-spin-button{display:none}.change-amount{background:#ffffff20;border:0;border-radius:30px;padding:6px 10px;color:white;font-size:11px}.editor label{font-size:11px;display:block;margin:13px 0 8px}.editor select,.editor input[type=date],.editor textarea{width:100%;display:block;background:#242424;color:#ddd;border:0;border-radius:13px;padding:17px 12px;font-size:11px;margin-top:7px;resize:vertical;color-scheme:dark}.editor-actions{display:flex;gap:10px}.editor-actions button{border:0;background:#242424;border-radius:12px;height:57px;flex:1;display:grid;place-items:center}.editor-actions .confirm{background:#fff;color:#111}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.stage-caption{padding:30px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#25294d}.vaulta{--accent:#226ef7;--onaccent:white;background:radial-gradient(ellipse at 50% 50%,#fff 38%,#edf4ff 62%,#759ede 100%)}.vaulta .brand{display:block;color:#030815;font-size:36px;letter-spacing:-2px;max-width:890px;margin:50px auto 0}.brand-mark{font-weight:900}.vaulta .finance-stage{grid-template-columns:330px 330px;margin:70px auto;gap:50px}.vaulta .device{background:linear-gradient(165deg,#619bf6 3%,#4485ed 26%,#07060c 50%);padding:0 13px 14px}.vaulta .analytics{display:none}.vaulta .editor{grid-column:2;grid-row:1;margin-top:35px}.vaulta .greeting small{display:none}.vaulta .greeting-name{font-size:15px;color:#cde0fc}.vaulta .balance-card{background:none;height:92px;padding:0;margin-top:10px}.vaulta .balance-card:before,.vaulta .card-top{display:none}.vaulta .balance-value{font-size:31px;font-weight:bold;letter-spacing:-.5px}.vaulta .balance-value .cents{opacity:.5}.vaulta .balance-bottom{align-items:center}.vaulta .greeting .icon-button{background:#ffffff0c}.cards-rail{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding-bottom:8px}.mini-card{border:0;flex-shrink:0;width:119px;height:133px;border-radius:15px;padding:12px;color:white;text-align:left;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(125deg,#85c3ff66,#246bf5 35%,#dce3f899 65%,#1653c6);position:relative;overflow:hidden}.mini-card:after{content:'';position:absolute;width:100px;height:200px;left:30px;top:-15px;transform:rotate(-25deg);border:1px solid #ffffff20;border-radius:50%}.mini-card small{font-size:9px}.mini-card strong{display:block;font-size:15px;margin-top:3px}.mini-card em{font-size:14px;font-weight:bold}.mini-card .row{font-size:8px;justify-content:space-between;margin-top:8px}.quick-actions{background:#1b1c39;border-radius:17px;padding:14px 10px;margin:7px 0 14px}.quick-actions h3{font-size:12px;font-weight:400;margin:0 0 16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 6px}.quick-grid button{border:0;background:none;font-size:9px;color:#9293b1;padding:0;display:grid;justify-items:center;gap:7px}.quick-grid .icon{color:#ddd}.vaulta .transactions{max-height:120px}.vaulta .transaction{background:#20213c;border:1px solid #ffffff18;border-radius:12px;padding:10px}.vaulta .bottom-nav{border-top:1px solid #222;border-radius:0;background:#090910;margin:0 -7px -4px}.vaulta .bottom-nav button.active{background:none;color:#487bff}.vaulta .section-row{font-size:13px}.card-detail-head{display:flex;justify-content:space-between;padding:12px 0;font-size:16px}.big-card{height:185px;border-radius:25px;padding:22px;margin:3px 0 22px;background:linear-gradient(125deg,#e1e2f2,#638ceb 40%,#94bdf266 58%,#778ec6);box-shadow:0 20px 40px #246cf538;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}.big-card:before{content:'';position:absolute;z-index:-1;inset:-70%;background:conic-gradient(transparent,#ffffff80,transparent,#9cb7ff80,transparent);animation:aura 10s ease-in-out infinite alternate;filter:blur(15px)}.card-number{font-family:monospace;letter-spacing:2px;font-size:17px}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px}.card-bottom b{font-style:italic;font-size:24px}.card-control{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 22px}.card-control button{background:none;border:0;font-size:9px;display:grid;justify-items:center;gap:8px;padding:0}.card-control .round{background:#2469e7;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.usage{padding:13px 10px;background:#1b1c3c;border-radius:14px;font-size:11px}.usage strong{display:inline-block;font-size:16px;margin:28px 0 8px}.usage small{color:#9798ae}.meter{height:5px;background:#77bd86;border-radius:5px;margin-top:25px;position:relative}.meter span{display:block;height:100%;background:#618af9;width:var(--used);border-radius:5px}.meter:after{content:attr(data-label);position:absolute;left:calc(var(--used) - 12px);top:-23px;background:#518ae9;padding:3px 5px;border-radius:4px;font-size:9px}.statement{display:flex;align-items:center;gap:10px;background:#20203d;border:0;border-radius:15px;padding:15px;width:100%;margin:18px 0;color:#a3a3ba;font-size:12px}.statement u{margin-left:auto;color:#5c86de}.vaulta .stage-caption{letter-spacing:0;font-size:15px;max-width:900px;margin:auto}.vaulta .editor .handle{margin-top:17px}@media(max-width:750px){body{background:#070707}.brand,.vaulta .brand,.stage-caption,.vaulta .stage-caption{display:none}.finance-stage,.vaulta .finance-stage{display:block;margin:0;width:100%;max-width:450px;min-height:100dvh}.device,.vaulta .device{border:0;box-shadow:none;border-radius:0;width:100%;min-height:100dvh;padding:20px 20px 30px}.status{display:none}.analytics,.editor,.vaulta .editor{display:none;margin:0}.show-analytics .dashboard{display:none}.show-analytics .analytics{display:block}.show-editor .dashboard,.show-editor .analytics{display:none}.show-editor .editor{display:block}.balance-card{height:185px}.greeting{margin:12px 0 25px}.transactions{max-height:none}.transaction{padding:16px 0}.transaction h3{font-size:14px}.transaction small{font-size:11px}.transaction .price{font-size:13px}.bottom-nav{margin-top:28px}.editor .amount-panel{margin-top:35px;height:230px}.vaulta .device{background:linear-gradient(150deg,#75a8f6,#367ce5 30%,#07060c 55%)}.vaulta .transactions{max-height:230px}.vaulta .bottom-nav{margin-top:15px}.vaulta .editor{padding-top:26px}.big-card{height:220px}.cards-rail .mini-card{height:155px;width:135px}.vaulta .greeting{margin-top:10px}.quick-actions{margin-top:16px}.vaulta .analytics{display:none!important}}
.mastercard{display:inline-flex;position:relative;width:29px;height:18px;font-size:0;letter-spacing:0}.mastercard:before,.mastercard:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff9;left:0}.mastercard:after{left:11px;background:#fffb}.vaulta .card-detail-head{align-items:center}.vaulta .card-detail-head>span{flex:1}.vaulta .card-detail-head>#card-back{display:none}@media(max-width:750px){.vaulta .card-detail-head>#card-back{display:inline-grid}}