*{box-sizing:border-box}html{background:#06111c}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:#edf5ff;background:radial-gradient(circle at 60% -20%,#133052 0,#081522 35%,#06111c 70%);min-height:100vh}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:24px 14px;background:#07111b;border-right:1px solid #15283b;z-index:5}.logo{display:grid;grid-template-columns:40px 1fr;align-items:center;margin:0 4px 30px}.logo .house{grid-row:1/3;font-size:31px;color:#37f39a}.logo b{font-size:24px;letter-spacing:-1px}.logo b span{color:#35f39a}.logo small{font-size:9px;color:#8394a7;letter-spacing:.8px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:11px 13px;border-radius:10px;color:#b6c2d0;font-size:14px}.sidebar nav a i{font-style:normal;width:28px;display:inline-block}.sidebar nav a:hover,.sidebar nav a.on{background:linear-gradient(90deg,#31ef94,#29e887);color:#062014;font-weight:800;box-shadow:0 0 22px #2cf09033}.family-mini{position:absolute;bottom:70px;left:18px}.family-mini small{color:#75869b}.avatars{display:flex;margin-top:9px}.avatars span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#173047;border:2px solid #07111b;margin-right:-5px}.avatars span:first-child{background:#30e991;color:#082016;font-weight:900}.logout{position:absolute;bottom:25px;left:22px;color:#708096;font-size:12px}.app{margin-left:220px;padding:26px 28px 90px;max-width:1650px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:26px}.topbar p{margin:5px 0 0;color:#8fa1b4;font-size:13px}.top-actions{display:flex;align-items:center;gap:18px}.top-actions>span{font-size:20px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#203d58;border:2px solid #3ff09a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article{background:linear-gradient(145deg,#10263a,#0d1e30);border:1px solid #19344d;border-radius:13px;padding:16px;display:flex;gap:14px;align-items:center;min-height:105px;box-shadow:0 10px 30px #0002}.metrics article>i{font-style:normal;font-size:25px;background:#123d3a;color:#32ef98;width:46px;height:46px;border-radius:12px;display:grid;place-items:center}.metrics article.danger>i{color:#ff5a68;background:#3d2130}.metrics small,.metrics em{display:block;color:#8fa0b5;font-size:12px;font-style:normal}.metrics b{display:block;font-size:25px;margin:2px 0}.metrics em{color:#36dc91;font-size:10px}.main-grid{display:grid;grid-template-columns:1.4fr 1.05fr 1fr;gap:12px;margin-top:12px}.spend-card,.redline,.goal,.panel,.assistant,.assistant-page{border:1px solid #1b3953;background:linear-gradient(145deg,#0c1d2d,#0a1927);border-radius:14px}.spend-card{display:flex;align-items:center;gap:17px;padding:18px;border-color:#2cf094;box-shadow:0 0 18px #2cf09444,inset 0 0 30px #1ee68c0c}.spend-card>i{font-style:normal;font-size:31px;background:#0a523c;border-radius:50%;width:62px;height:62px;display:grid;place-items:center}.spend-card h2,.redline h2,.goal h2{font-size:16px;margin:0 0 5px}.spend-card b{font-size:46px}.spend-card p{margin:2px 0;color:#9fb3c5;font-size:12px}.spend-card>a{margin-left:auto;background:#0b523d;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:35px;color:#4af2a3}.redline,.goal{padding:17px}.redline>small,.goal>small{color:#8fa1b5}.traffic{height:15px;margin:22px 0 12px;background:linear-gradient(90deg,#27ed98 0 45%,#ffbc37 45% 72%,#ff4f5f 72%);border-radius:20px;position:relative;overflow:visible}.traffic span{position:absolute;inset:0 auto 0 0;background:#fff1;border-right:3px solid white}.traffic i{position:absolute;top:-5px;width:4px;height:25px;background:white;border-radius:3px}.redline p{font-size:12px}.redline p b{background:#2be88f;color:#082015;padding:4px 10px;border-radius:10px}.redline strong{font-size:18px}.redline strong small{color:#8294a7;font-weight:400}.goal{background:linear-gradient(135deg,#112844,#0b1b2d)}.goal>b{font-size:28px;display:block;margin:5px 0}.goalbar,.reportrow div{height:8px;background:#18324a;border-radius:10px;overflow:hidden}.goalbar span,.reportrow i{display:block;height:100%;background:#2cf095}.goal p{font-size:11px;color:#9badbd}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr .9fr;gap:12px;margin-top:12px}.panel{padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head h2,.panel h2{font-size:15px;margin:0}.panel-head a{font-size:11px;color:#9eb0c2}.donut-wrap{display:flex;gap:25px;align-items:center}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#29ed92 0 27%,#3d9bff 27% 47%,#ffb52e 47% 78%,#9b6cff 78% 90%,#d9e3ff 90%);display:grid;place-content:center;position:relative}.donut:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#0c1d2d}.donut b,.donut small{z-index:1;text-align:center}.donut small{font-size:10px;color:#8295aa}.legend{flex:1}.legend p{display:flex;justify-content:space-between;font-size:11px;border-bottom:1px solid #173047;padding:6px 0;margin:0}.listrow{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #173047;font-size:11px}.listrow>i{font-style:normal;width:26px;height:26px;border-radius:8px;background:#183c55;display:grid;place-items:center}.listrow span small{display:block;color:#7f91a5;margin-top:2px}.listrow strong.expense{color:#ff6070}.listrow strong.income{color:#36e897}.listrow.paid{opacity:.45;text-decoration:line-through}.delete{color:#ff6874;font-size:18px}.calendar-mini>b{font-size:12px}.calendar-mini>div{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px}.calendar-mini span,.calendar-mini small{text-align:center;font-size:9px;padding:5px}.calendar-mini .today{background:#36e993;color:#052016;border-radius:50%}.bottom-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:12px;margin-top:12px}.assistant{padding:15px;display:grid;grid-template-columns:90px 1fr 60px;align-items:center;gap:15px;background:linear-gradient(120deg,#1b1640,#0c1c2e 55%,#17113a);border-color:#4931a3}.bot{width:80px;height:80px;border-radius:25px;background:radial-gradient(circle,#55e8ff,#5224a9 65%,#201259);display:grid;place-items:center;font-size:45px;box-shadow:0 0 30px #6c3cff88}.assistant h2{margin:0}.assistant p{font-size:11px;color:#a7b3c6}.chat-demo{display:flex;gap:10px;font-size:10px}.chat-demo span,.chat-demo b{background:#173157;border:1px solid #31568a;padding:8px 10px;border-radius:10px}.mic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#632df0;box-shadow:0 0 25px #833eff}.two-col{display:grid;grid-template-columns:minmax(300px,.7fr) 1.3fr;gap:14px}.form{display:grid;gap:12px;margin-top:16px}.form input,.form select,.ask input,.monthpick input{width:100%;background:#081724;border:1px solid #23415b;color:#edf6ff;padding:12px;border-radius:9px;outline:none}.form input:focus,.form select:focus,.ask input:focus{border-color:#31ec95;box-shadow:0 0 0 3px #31ec9518}.form button,.ask button,.monthpick button{border:0;border-radius:9px;padding:12px 16px;background:#31eb94;color:#062014;font-weight:900;cursor:pointer}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{font-size:12px;color:#9aabbb}.check input{width:auto}.notice{background:#0c4937;border:1px solid #2de995;padding:10px;border-radius:8px;margin:12px 0}.member{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #183047}.member>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#32e996;color:#052016;font-weight:900}.member small{display:block;color:#8294a7}.assistant-page{max-width:850px;margin:auto;padding:30px;text-align:center}.bot.large{margin:0 auto 15px;width:110px;height:110px}.conversation{min-height:220px;margin:25px 0;display:flex;flex-direction:column;gap:12px;text-align:left}.bubble{max-width:75%;padding:12px 15px;border-radius:14px}.bubble.ai{background:#162d43}.bubble.me{background:#22553f;align-self:flex-end}.ask{display:flex;gap:8px}.quick{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.quick button{background:#132940;border:1px solid #274865;color:#b9c7d4;padding:8px 10px;border-radius:15px;cursor:pointer}.report.metrics{grid-template-columns:repeat(3,1fr);margin-bottom:14px}.monthpick{display:flex;gap:8px;max-width:350px;margin-bottom:22px}.reportrow{display:grid;grid-template-columns:150px 1fr 170px;gap:12px;align-items:center;padding:9px 0;font-size:12px}.muted{color:#7f91a5;font-size:12px}.mobile-top,.mobile-nav{display:none}.auth{display:grid;place-items:center}.auth-card{width:min(420px,92vw);margin:10vh auto;background:#0b1c2b;border:1px solid #1b3a53;border-radius:18px;padding:28px}.auth-card .brand{font-size:28px;font-weight:900}.auth-card .brand span{color:#31ed96}.auth-card form{display:grid;gap:10px}.auth-card input{padding:12px;border-radius:8px;border:1px solid #28465f;background:#071521;color:white}.auth-card button{padding:12px;background:#32ec96;border:0;border-radius:8px;font-weight:900}.alert{background:#542331;padding:10px;border-radius:8px;margin:10px 0}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.main-grid,.lower-grid,.bottom-grid{grid-template-columns:1fr 1fr}.main-grid .spend-card{grid-column:1/-1}.lower-grid article:first-child{grid-column:1/-1}}
@media(max-width:720px){body{background:#071522}.sidebar{display:none}.app{margin:0;padding:74px 12px 90px}.mobile-top{display:flex;position:fixed;z-index:10;top:0;left:0;right:0;height:62px;background:#071522dd;backdrop-filter:blur(10px);align-items:center;justify-content:space-between;padding:10px 15px;border-bottom:1px solid #173149}.mobile-top .logo{display:flex;margin:0;gap:5px}.mobile-top .logo .house{font-size:22px}.mobile-top .logo b{font-size:20px}.topbar{margin-bottom:14px}.topbar h1{font-size:20px}.topbar p{font-size:11px}.top-actions{display:none}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article{padding:11px;min-height:86px}.metrics article:first-child{grid-column:1/-1}.metrics article:nth-child(4){grid-column:1/-1}.metrics article>i{width:38px;height:38px;font-size:20px}.metrics b{font-size:20px}.main-grid,.lower-grid,.bottom-grid,.two-col{grid-template-columns:1fr}.spend-card{grid-column:auto!important}.spend-card b{font-size:38px}.spend-card p{display:none}.redline,.goal{min-height:140px}.lower-grid article:first-child{grid-column:auto}.donut{width:120px;height:120px}.bottom-grid .assistant{grid-template-columns:60px 1fr}.assistant .bot{width:55px;height:55px;font-size:28px}.assistant .mic{display:none}.chat-demo{display:none}.panel{padding:13px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:20;bottom:0;left:0;right:0;background:#07131f;border-top:1px solid #183149;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.mobile-nav a{text-align:center;color:#8fa0b3;font-size:18px}.mobile-nav small{display:block;font-size:8px}.mobile-nav a:first-child{color:#35ed96}.split{grid-template-columns:1fr}.reportrow{grid-template-columns:90px 1fr}.reportrow>b{grid-column:2}.assistant-page{padding:18px}.bubble{max-width:90%}}
.row-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.row-actions a{font-size:15px;padding:4px 6px;border-radius:7px;background:#132b40}.row-actions a:hover{background:#1c405d}.row-actions .delete{color:#ff6874}.secondary-btn{display:block;text-align:center;border:1px solid #29445d;border-radius:9px;padding:10px;color:#9fb1c3}.field-label{display:grid;gap:7px;color:#91a4b7;font-size:12px}.payment-alert{margin:0 0 12px;padding:12px 14px;border-radius:10px;border:1px solid #e7aa37;background:#4a3718;color:#ffe7ae}.member .row-actions{min-width:70px}.listrow .row-actions{min-width:105px}.listrow{grid-template-columns:30px 1fr auto minmax(105px,auto)}