:root{--ink:#1b1b19;--muted:#76756d;--green:#05171c;--lime:#05171c;--line:#eceae3;--bg:#fbfaf7}body,button,input,select{font-family:"Geist",system-ui,sans-serif}body{background:#fbfaf7;font-size:14px}h1,h2,.brand{font-family:"Geist",system-ui,sans-serif}h1{font-weight:700;letter-spacing:-1px}h2{font-weight:700}.value,.spenttotal{font-family:"Geist",system-ui,sans-serif;font-weight:600}.brand{font-size:26px;letter-spacing:-1.3px;font-weight:800}.brand i{background:linear-gradient(135deg,#05171c,#0f0f0f);box-shadow:inset 0 1px 1px #ffffff55,0 4px 9px #05171c15;border-radius:12px;color:white;font-family:"Geist",system-ui,sans-serif;font-weight:800}.brand span{color:#05171c!important}.business{font-size:8px;letter-spacing:2.3px;color:#76756d}.nav.active{background:#fbfaf7;color:#0f0f0f;box-shadow:inset 3px 0 #05171c}.nav{border-radius:0 8px 8px 0}.nav:hover{background:#fbfaf7}.profile .avatar,.headright .avatar{background:#f2f0ea;color:#05171c}.help{background:#ffffff;border-color:#f2f0ea}.help button,.linkbtn{color:#0f0f0f}.demo{background:#fff;border-color:#eceae3;border-radius:100px}.content{max-width:1500px;padding:34px 40px}.titlebar{padding:29px 34px 34px;min-height:164px;background:#05171c;color:#fff;border-radius:16px 16px 40px 16px;position:relative;overflow:hidden;margin-bottom:28px;box-shadow:0 8px 22px #05171c12}.titlebar:after{content:'';position:absolute;width:440px;height:320px;right:-230px;bottom:-270px;border:35px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 45px #ffffff07;pointer-events:none}.titlebar .eyebrow{color:#f2f0ea;font-size:10px;font-weight:500;letter-spacing:2px}.titlebar h1{font-size:30px;letter-spacing:-.8px;margin:12px 0}.titlebar p{color:#ebeced;font-size:14px;font-weight:400}.titlebar>.btn{background:#fff;color:#05171c;border:1px solid #ffffff80;box-shadow:0 5px 10px #0f0f0f18;border-radius:100px;font-size:13px;padding:12px 21px;white-space:nowrap;z-index:1}.titlebar>.btn:hover{background:#ebeced;color:#05171c;border-color:#fff}.titlebar .ledger-back{color:#ebeced;margin-bottom:14px}.btn{border-radius:100px;font-family:"Geist",system-ui,sans-serif;font-weight:500;min-height:42px;font-size:13px}.btn.primary{background:#05171c;border-color:#05171c}.btn.primary:hover{background:#0f0f0f;border-color:#0f0f0f}.stat{border-radius:12px;box-shadow:0 2px 5px #1b1b1904;padding:24px}.stat.mainstat{background:#fff;color:#1b1b19;border:1px solid #eceae3;border-top:3px solid #05171c}.mainstat:after{border:0;box-shadow:none;display:none}.statlabel,.mainstat .statlabel{color:#76756d;font-size:13px}.mainstat .statlabel .iconbtn{color:#76756d!important}.mainstat .statfoot{color:#76756d}.mainstat .dot{background:#05171c}.statlabel>span{background:#fbfaf7;color:#05171c;border-radius:9px;width:29px;height:29px;display:grid;place-items:center}.value{font-size:34px;font-weight:600;letter-spacing:-1px;color:#1b1b19}.statfoot{font-size:12px}.cardbox{padding:19px;border-radius:14px;border-color:#eceae3;box-shadow:0 3px 12px #1b1b1904}.credit-card{position:relative;isolation:isolate;min-height:198px;height:198px;background:linear-gradient(118deg,#0f0f0f 0%,#05171c 16%,#05171c 33%,#3fa77e 47%,#05171c 66%,#0f0f0f 100%);color:#ffffff;border:1px solid #3fa77e;border-radius:11px;box-shadow:inset 0 1px 1px #ebecedb0,inset 0 -1px 1px #0f0f0f90,0 10px 16px -13px #0f0f0fc0;text-shadow:0 1px 1px #0f0f0f6b;transition:box-shadow .2s}.credit-card.dark{background:linear-gradient(118deg,#0f0f0f 0%,#0f0f0f 23%,#05171c 48%,#0f0f0f 73%,#1b1b19 100%);border-color:#05171c;color:#ffffff;box-shadow:inset 0 1px 1px #ebeced6b,inset 0 -1px 1px #1b1b19a0,0 10px 16px -13px #0f0f0fbb}.credit-card:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,#ffffff08 0px,#ffffff08 1px,#0f0f0f09 1px,#0f0f0f09 2px),linear-gradient(133deg,transparent 29%,#ffffff1a 30%,#ffffff03 49%,#ffffff2b 50%,transparent 51%);pointer-events:none;opacity:.8}.credit-card:after{content:'';position:absolute;inset:0;width:auto;height:auto;right:0;bottom:0;border:0;border-radius:0;opacity:1;box-shadow:none;clip-path:polygon(58% 0,100% 0,100% 61%,38% 100%);background:linear-gradient(150deg,#f2f0ea2c 0%,#ffffff07 44%,#3fa77e29 75%,transparent 100%);z-index:-1;pointer-events:none}.credit-card-network{font-family:"Geist",system-ui,sans-serif;font-size:20px;letter-spacing:-.7px;font-weight:800}.credit-card-top{align-items:center;position:relative}.credit-card-top:after{content:'';position:absolute;top:45px;left:0;width:26px;height:20px;border:1px solid #3fa77e90;border-radius:4px;background:linear-gradient(130deg,#ead3c580,#05171c35,#eceae3b0);box-shadow:inset 0 0 0 4px #0f0f0f20;pointer-events:none}.credit-card-number{font-family:"Geist",system-ui,sans-serif;font-size:15px;letter-spacing:2px;font-weight:500;margin-top:42px;position:relative;z-index:1}.credit-card-bottom{padding-top:15px;margin-top:auto}.credit-card-label{font-family:"Geist",system-ui,sans-serif;font-size:10px;opacity:.85;color:#fbfaf7}.credit-card-holder{font-family:"Geist",system-ui,sans-serif;font-size:11px;font-weight:500;letter-spacing:.4px}.credit-card-expiry{font-family:"Geist",system-ui,sans-serif;font-size:12px;font-weight:500}.credit-card-signature{font-family:"Geist",system-ui,sans-serif;letter-spacing:1.5px;opacity:.7;font-size:7px;bottom:6px;right:18px;color:#f2f0ea}.credit-card-eye,.dark .credit-card-eye{background:#ffffff13;border:1px solid #ebeced50;color:#fff;backdrop-filter:blur(4px);width:30px;height:30px;box-shadow:inset 0 1px 0 #ffffff24}.credit-card-eye:hover{background:#ffffff25}.cardbalance b{font-family:"Geist",system-ui,sans-serif;font-size:21px;font-weight:600}.cardinfo strong{font-size:14px;font-weight:600}.cardactions button{font-family:"Geist",system-ui,sans-serif;font-size:12px;border-radius:100px}.cardactions .card-statement-button{background:#ebeced;color:#05171c;border-color:#eceae3;font-weight:500}.cardactions .card-statement-button:hover{background:#f2f0ea;color:#05171c}.cardactions .card-manage-button{border-radius:100px;color:#76756d}.badge{border-radius:100px;padding:5px 9px;font-size:10px}.badge.frozen{color:#a9854e;background:#f2f0ea}.panel{border-radius:13px;border-color:#eceae3;box-shadow:0 2px 6px #1b1b1903}.filters input,.filters select{font-family:"Geist",system-ui,sans-serif;font-size:14px;border-radius:8px}.merchantname{font-family:"Geist",system-ui,sans-serif;font-size:15px;font-weight:500}.merchantname small{font-size:12px}.amount{font-family:"Geist",system-ui,sans-serif;font-size:15px;font-weight:600}.status{font-family:"Geist",system-ui,sans-serif;font-size:11px;border-radius:5px}.event-kind{font-family:"Geist",system-ui,sans-serif;font-size:11px}.ledger-card{font-size:14px}.distribution span:nth-child(3n+1){background:#05171c!important}.distribution span:nth-child(3n+2){background:#3fa77e!important}.distribution span:nth-child(3n){background:#e3e0d8!important}.sector i{background:#05171c!important}.note{background:#ffffff;color:#76756d;border:1px solid #f2f0ea}.toast{background:#1b1b19;border-radius:12px}.profile-tabs{gap:10px}.profile-tabs .btn.primary{background:#f2f0ea;color:#05171c}.login-card{border-radius:20px;box-shadow:0 15px 60px #0f0f0f12;padding:43px}.login-card h1{font-family:"Geist",system-ui,sans-serif;font-size:26px;letter-spacing:-1px}.login-card .brand{font-family:"Geist",system-ui,sans-serif}.login-card .btn.primary{background:#05171c;border:0}.login-card .eyebrow{color:#05171c;letter-spacing:2px;font-size:10px}#authPanel{background:radial-gradient(ellipse at 90% 0,#05171c10,transparent 60%),radial-gradient(ellipse at 0 100%,#05171c10,transparent 60%),#ffffff}dialog{border-radius:16px}dialog h2{font-family:"Geist",system-ui,sans-serif}.footer{font-size:10px}
@media(max-width:1100px){.titlebar{padding:25px;min-height:150px}.titlebar h1{font-size:27px}.titlebar p{font-size:13px}.credit-card{padding:18px}.credit-card-network{font-size:18px}.credit-card-number{font-size:13px;letter-spacing:1px}.credit-card-holder{font-size:10px}.credit-card-top:after{top:40px}.cardbalance b{font-size:19px}}
@media(max-width:750px){.content{padding:22px 18px}.titlebar{padding:25px 22px 30px;min-height:166px;border-radius:13px 13px 30px 13px;align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:20px}.titlebar h1{font-size:26px}.titlebar p{font-size:12px;line-height:1.6}.titlebar .eyebrow{font-size:8px;letter-spacing:1.6px}.titlebar>.btn{font-size:12px;padding:9px 16px;min-height:37px}.brand{font-size:23px}.brand i{width:33px;height:33px}.nav{font-size:12px;border-radius:100px}.nav.active{box-shadow:none;background:#fbfaf7}.value{font-size:33px}.cardbox{padding:18px}.credit-card{padding:23px;height:210px;min-height:210px}.credit-card-network{font-size:21px}.credit-card-number{font-size:18px;letter-spacing:1.7px}.credit-card-top:after{top:45px;width:29px;height:21px}.credit-card-holder{font-size:12px}.credit-card-label{font-size:11px}.credit-card-expiry{font-size:13px}.cardbalance b{font-size:22px}.cardactions button{font-size:13px}.login-card{padding:32px 26px}.login-card h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.credit-card{transition:none}}.titlebar>.btn.primary{background:#fff;color:#05171c;border-color:#fff}.titlebar>.btn.primary:hover{background:#ebeced;color:#05171c;border-color:#ebeced}