@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f5f4f7;background:#101014;font-synthesis:none;color-scheme:dark;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #ff6480;outline-offset:4px}button:hover{color:#fff;background:#ffffff0a}a{color:inherit;text-decoration:none}.shell{max-width:1600px;margin:auto;display:flex;min-height:100vh}aside{width:240px;flex-shrink:0;border-right:1px solid #24242c;padding:38px 25px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;font-weight:800;letter-spacing:2px;font-size:15px}.brand-icon{background:#f73553;padding:10px;border-radius:13px;display:flex;box-shadow:0 6px 25px #f7355325}.brand-small{display:block;color:#8d8c99;font-size:9px;letter-spacing:4.2px;margin-top:4px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8e8d9c;font-weight:700}.nav-title{margin:58px 12px 19px}nav{display:grid;gap:9px}nav button{justify-content:flex-start;padding:15px;border-radius:11px;color:#9593a3;gap:13px}nav button.active{background:#fa355415;color:#ff526d}nav i{width:5px;height:5px;border-radius:50%;background:#ff526d;margin-left:auto}.sidebar-bottom{margin-top:auto;display:flex;gap:9px;color:#878592;font-size:10px;align-items:center}.sidebar-bottom small{display:block;font-size:9px;margin-top:5px;color:#62616e}main{min-width:0;flex:1;padding:40px 45px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:30px;letter-spacing:-1px;margin:9px 0}p{line-height:1.7}header p{color:#82808f;font-size:12px;margin:0}.avatar{border:1px solid #59313e;background:#311b24;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:#ff6780;font-size:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 22px;gap:12px}.month{display:flex;align-items:center;gap:14px;color:#93909e;font-size:12px}.month input{width:165px;background:#19191f;border-color:#292831;padding:10px}.primary{background:#f73553;border:1px solid #ff4f69;border-radius:9px;padding:12px 18px;color:#fff;font-weight:700;font-size:12px;box-shadow:0 4px 20px #f735531c}.primary:hover{background:#de2844}.metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:17px;margin-bottom:22px}.metric{padding:24px;border:1px solid #2b2932;border-radius:15px;background:linear-gradient(120deg,#1b1b22,#16161c);min-width:0}.metric>span,.metric-label{font-size:11px;color:#a3a0ad}.metric-label{display:flex;justify-content:space-between;align-items:center}.metric strong{display:block;font-size:29px;font-weight:800;letter-spacing:-1px;margin:19px 0 16px;overflow-wrap:anywhere}.metric small{display:flex;align-items:center;gap:10px;color:#858290;font-size:10px}.balance{background:radial-gradient(ellipse at top right,#9e253944,transparent 80%),#28151d;border-color:#64313d}.balance strong{color:#fff}.balance small{color:#cd8798}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;margin-bottom:22px}.panel{background:#19191f;border:1px solid #2b2932;border-radius:15px;padding:25px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:15px;margin:0;font-weight:700}.pill{font-size:9px;color:#9995a4;background:#222229;border:1px solid #33313b;padding:6px 9px;border-radius:6px}.chart-wrap{display:flex;align-items:center;gap:30px;padding:29px 0 5px}.donut{width:190px;height:190px;flex-shrink:0;border-radius:50%;padding:23px;transform:rotate(-35deg)}.donut>div{width:100%;height:100%;background:#19191f;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(35deg)}.donut small,.donut span{font-size:9px;color:#8a8796}.donut strong{font-size:19px;letter-spacing:-.6px;margin:9px 0}.legend{flex:1;min-width:0;display:grid;gap:18px}.legend>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#b6b3c0}.legend b{margin-left:auto;color:#f5f4f7;font-size:10px}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.insight{position:relative;overflow:hidden;background:radial-gradient(ellipse at top right,#be243527,transparent 75%),#1b181f;display:flex;flex-direction:column;align-items:flex-start}.spark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:#ff5670;background:#f7355317;margin-bottom:17px}.insight .eyebrow{font-size:9px;color:#c28595}.insight h2{font-size:22px;line-height:1.4;margin-top:12px;max-width:250px}.insight p{font-size:11px;color:#a49aa7;margin-bottom:18px}.insight button{font-size:11px;font-weight:700;padding:0;color:#ff6079}.insight-footer{margin-top:auto;padding-top:23px;color:#726571;font-size:9px}.transaction{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #292730}.transaction:last-child{border:0;padding-bottom:0}.tx-icon{width:36px;height:36px;display:grid;place-items:center;background:#2c222c;border-radius:10px;color:#e78597;flex-shrink:0}.tx-icon.income{background:#18312c;color:#71c4ad}.tx-title{flex:1;min-width:0}.tx-title strong{font-size:12px;display:block;overflow-wrap:anywhere}.tx-title small{display:block;margin-top:5px;font-size:10px;color:#87828f}.transaction>b{font-size:12px;white-space:nowrap}.transaction button{color:#797380;padding:8px;border-radius:7px}.positive{color:#79c6ae!important}.link{color:#aaa4b3;font-size:10px;padding:0}.empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#878391;padding:20px}.empty>svg{color:#f73553}.empty h3{font-size:15px;color:#d8d3df;margin-bottom:0}.empty p{font-size:12px}.empty button{font-size:12px;color:#ff617b}.compact{min-height:100px;font-size:12px}.budget{max-width:700px}.budget h2{font-size:25px;margin-top:15px}.budget p,.muted{color:#9a94a3;font-size:12px}.large{font-size:32px;display:block;margin:25px 0}progress{width:100%;height:9px;accent-color:#fa3554}.budget form{max-width:360px;margin-top:25px}.tip{display:flex;gap:20px;border-bottom:1px solid #302a33;padding:20px 0}.tip span{color:#fc4f6b;font-size:12px;padding-top:4px}.tip p{margin:0;font-size:13px;color:#d1cbd7}.data-actions{display:flex;gap:20px;margin:24px 0;color:#9f96a6;font-size:11px}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#635d6c;padding:28px 0 0}footer span{letter-spacing:0}.error,.notice{padding:13px 16px;border-radius:10px;margin-top:20px;font-size:12px;background:#382029;border:1px solid #713142;color:#ffc2cf}.error button{margin-left:10px;text-decoration:underline}.notice{background:#211e29;border-color:#393042;color:#b5a7c8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#1b191f;border:1px solid #45313c;border-radius:19px;width:440px;max-height:90vh;overflow:auto;padding:27px}.modal form{margin-top:23px;display:grid;gap:17px}label{font-size:12px;color:#bbb3c2;display:grid;gap:8px}input,select{width:100%;min-width:0;border:1px solid #3a323f;background:#121116;color:#f5edf8;padding:12px;border-radius:8px;outline:none}input:focus,select:focus{border-color:#f73553}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.budget form button{margin-top:15px}.search{display:flex;align-items:center;gap:8px}.search input{padding:8px;font-size:11px}@media(min-width:1450px){main{padding:45px 60px}.donut{width:220px;height:220px}.chart-wrap{gap:40px}.metric strong{font-size:34px}}@media(max-width:1100px){aside{width:195px;padding:32px 17px}main{padding:30px 25px}.grid{grid-template-columns:1fr}.insight{min-height:230px}.chart-wrap{justify-content:center}.legend{max-width:300px}.metrics{gap:10px}.metric{padding:18px}.metric strong{font-size:23px}}@media(max-width:700px){aside{position:fixed;bottom:0;top:auto;width:100%;height:auto;z-index:3;padding:9px 7px calc(9px + env(safe-area-inset-bottom));border:0;border-top:1px solid #302631;background:#151319f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}aside .brand,.nav-title,.sidebar-bottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav button{display:flex;flex-direction:column;gap:5px;padding:8px 11px;font-size:9px;border-radius:10px}nav i{display:none}main{padding:26px 17px 100px;width:100%}h1{font-size:25px}.eyebrow{font-size:8px}.avatar{width:36px;height:36px}header p{font-size:10px}.toolbar{margin-top:25px}.month{gap:5px;font-size:0}.month input{width:145px;font-size:11px;padding:10px}.primary{font-size:10px;padding:12px}.metrics{grid-template-columns:1fr 1fr}.balance{grid-column:1/-1}.balance strong{font-size:35px;margin:14px 0}.metric strong{font-size:23px}.metric small{font-size:9px}.metric{padding:19px}.panel{padding:20px}.grid{gap:15px;margin-bottom:15px}.chart-wrap{gap:19px}.donut{width:150px;height:150px;padding:18px}.donut strong{font-size:15px}.legend{gap:14px}.legend>div{font-size:10px;gap:6px}.legend b{font-size:9px}.pill{font-size:8px}.section-head h2{font-size:14px}.insight h2{max-width:none}.insight-footer{padding-top:20px}.transaction{gap:9px}.transaction>b{font-size:11px}.tx-title strong{font-size:11px}.tx-title small{font-size:9px}.transaction button{padding:4px}.data-actions{flex-wrap:wrap}footer{font-size:8px}footer span{display:none}.search input{max-width:135px}.modal{padding:22px}.overlay{padding:12px}}.stack-form{display:grid;gap:16px;margin-top:24px}.plan-card{padding:20px 0;border-bottom:1px solid #302a33}.plan-card h3{font-size:15px}.plan-card progress{display:block;margin-top:15px}.plan-card button{font-size:11px;color:#ff6a80;margin-right:16px}.csv-example{white-space:pre-wrap;overflow-wrap:anywhere;background:#111015;border-radius:8px;padding:15px;color:#c4b7c7;font-size:11px}.import-preview{max-height:360px;overflow:auto;margin:15px 0}.import-preview span{font-size:11px}.extra-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.extra-nav button{border:1px solid #3a2a33;background:#211a22;padding:9px 15px;border-radius:20px;font-size:11px}.extra-nav button.active{border-color:#fa3554;color:#ff7891}.comparison{margin-bottom:20px}.panel+.panel{margin-top:20px}