@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg:#fef7ff;--panel:#fff;--soft:#f4eafd;--ink:#1e1926;--muted:#625d6c;--line:#ded5e6;--primary:#5d43cb;--pink:#c22552;--coral:#9a402a;--brand:linear-gradient(115deg,#5d43cb,#c22552);--shadow:0 14px 32px #49326717}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 85% 12%,#ede5ff 0,transparent 27%),var(--bg);margin:0;font-family:Plus Jakarta Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.material-symbols-outlined{font-family:Material Symbols Outlined;line-height:1}.brand{color:#fff;background:var(--brand);border-radius:13px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid;box-shadow:0 9px 18px #5d43cb38}.brand-name{color:var(--primary);font-size:27px;font-weight:800}.icon{background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon:hover{background:var(--soft)}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{color:#fff;background:var(--brand);box-shadow:0 9px 19px #5d43cb33}.btn-soft{color:var(--primary);background:#eee8ff}.panel{background:#ffffffc9;border:1px solid #dfd7e7;border-radius:16px;box-shadow:0 6px 18px #4932670b}.login-page{grid-template-rows:80px 1fr auto;min-height:100vh;display:grid}.login-top{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fef7ffcc;border-bottom:1px solid #ded5e680;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;display:grid}.login-main{place-items:center;padding:65px 20px 50px;display:grid}.login-box{width:min(100%,560px)}.login-intro{text-align:center;margin-bottom:36px}.login-intro .brand{border:5px solid #fff;border-radius:30px;width:94px;height:94px;margin:0 auto 20px;font-size:52px}.login-intro h1{margin:0;font-size:32px}.login-intro p{color:var(--muted);margin:8px 0}.login-card{box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #ded5e6;border-radius:28px;padding:38px 40px}.field{gap:8px;margin-bottom:20px;display:grid}.field label,.field-head{color:#4b4653;font-size:14px;font-weight:700}.field-head{justify-content:space-between;display:flex}.field-head a{color:var(--primary);font-size:13px}.input{position:relative}.input>span{color:#827c8a;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input input{background:#f7efff;border:1px solid #cfc3dd;border-radius:13px;outline:none;width:100%;height:56px;padding:0 48px}.input input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #5d43cb20}.password-toggle{position:absolute;top:7px;right:5px}.login-card .btn{border-radius:999px;width:100%;margin-top:3px}.login-actions{text-align:center;color:var(--muted);gap:20px;margin-top:34px;display:grid}.login-actions .btn{background:0 0;border:1px solid #cfc0ff;border-radius:999px}.login-footer{text-align:center;color:var(--muted);border-top:1px solid #ded5e680;padding:28px;font-size:12px}.login-footer strong{color:var(--ink);margin-bottom:13px;display:block}.login-footer nav{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.login-footer p{color:var(--pink)}.form-error{color:#9b1c37;background:#ffe7ed;border-radius:11px;margin:0 0 18px;padding:12px 14px;font-size:13px;font-weight:700}.register-modal{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e192680;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.register-modal.is-open{display:flex}.register-card{background:#fff;border-radius:22px;width:min(100%,510px);padding:30px;box-shadow:0 22px 55px #1e192640}.register-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.register-head h2{margin:0;font-size:25px}.register-card .btn{border-radius:999px;width:100%}.shell{min-height:100vh}.sidebar{z-index:2;background:#f9f1ffdf;border-right:1px solid #ded5e6;flex-direction:column;width:280px;padding:30px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.lockup{align-items:center;gap:13px;padding:0 14px;display:flex}.lockup small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.sidebar nav{gap:6px;margin-top:55px;display:grid}.nav{color:#484554;border-radius:11px;align-items:center;gap:16px;height:50px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.nav:hover,.nav.active{color:var(--primary);background:#e9dfff}.side-bottom{margin-top:auto}.upgrade{color:#fff;background:var(--brand);border-radius:18px;margin-bottom:25px;padding:20px}.upgrade strong{margin:5px 0 16px;font-size:19px;display:block}.upgrade a{height:43px;color:var(--primary);background:#fff;border-radius:10px;place-items:center;font-size:13px;font-weight:800;display:grid}.side-footer{border-top:1px solid #d1c8da;padding-top:18px}.main{min-height:100vh;margin-left:280px}.topbar{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fef7ffcc;border-bottom:1px solid #ded5e680;justify-content:space-between;align-items:center;min-height:80px;padding:15px 64px;display:flex;position:sticky;top:0}.search{width:min(560px,100%);position:relative}.search span{color:var(--muted);position:absolute;top:14px;left:16px}.search input{border:1px solid var(--line);background:#ffffffd9;border-radius:999px;outline:none;width:100%;height:49px;padding:0 18px 0 47px}.head-actions,.profile{align-items:center;gap:10px;display:flex}.profile-copy{text-align:right}.profile-copy strong{font-size:14px;display:block}.profile-copy small{color:var(--primary);text-transform:uppercase;font-size:10px;font-weight:700}.avatar{object-fit:cover;border:2px solid #ded2ff;border-radius:50%;width:42px;height:42px}.content{width:min(1400px,100%);margin:auto;padding:58px 64px 72px}.intro h1{margin:0;font-size:40px}.intro p{max-width:690px;color:var(--muted);margin:9px 0 0;font-size:16px;line-height:1.6}.metrics{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px;display:grid}.metric{min-height:210px;padding:28px}.metric-top{justify-content:space-between;display:flex}.metric-icon{width:55px;height:55px;color:var(--primary);background:#ece6ff;border-radius:13px;place-items:center;display:grid}.metric-icon.pink{color:var(--pink);background:#ffe7ed}.metric-icon.coral{color:var(--coral);background:#f8e8e4}.tag{color:var(--pink);background:#ffe7ed;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.metric p{color:var(--muted);margin:23px 0 6px;font-size:14px;font-weight:700}.metric strong{font-size:42px}.grid{grid-template-columns:2fr 1fr;gap:24px;margin-top:26px;display:grid}.quick,.activity{padding:28px}.heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.heading h2{margin:0;font-size:25px}.text-link{color:var(--primary);font-size:13px;font-weight:800}.quick{background:#f0e6ff}.quick-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quick-list button{min-height:140px;color:var(--ink);background:#fff;border:1px solid #ded5e6;border-radius:16px;place-content:center;gap:12px;font-size:14px;font-weight:800;display:grid}.quick-list span{color:var(--primary);font-size:31px}.inspire{background:linear-gradient(#5d43cb22,#25154fcc),url(https://images.unsplash.com/photo-1499002238440-d264edd596ec?auto=format&fit=crop&w=1300&q=80) 50%/cover;border-radius:16px;min-height:300px;margin-top:24px;position:relative;overflow:hidden}.inspire div{color:#fff;position:absolute;bottom:25px;left:28px;right:28px}.inspire small{letter-spacing:.12em;font-weight:800}.inspire h2{max-width:650px;margin:10px 0 0;font-size:34px}.activity-item{grid-template-columns:48px 1fr;gap:14px;margin:0 0 19px;display:grid}.activity-item .avatar{border-color:#fff;width:48px;height:48px}.activity-item div{border-bottom:1px solid #ded5e6;padding-bottom:15px}.activity-item p{margin:2px 0 5px;font-size:14px}.activity-item small{color:var(--muted);font-size:12px}.refresh{width:100%;height:47px;color:var(--muted);background:0 0;border:2px dashed #cfc6dc;border-radius:11px;font-weight:700}.finance-title h1{margin:0;font-size:30px}.finance-title p{color:var(--muted);margin:4px 0;font-size:14px}.month{background:var(--soft);border:1px solid #ded2ef;border-radius:999px;padding:13px 17px;font-weight:700}.money{margin-top:23px;display:block;font-size:32px!important}.change{color:var(--pink);margin-top:14px;font-size:13px;font-weight:700;display:block}.finance-grid{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}.chart,.categories{min-height:400px;padding:28px}.switch{background:var(--soft);border-radius:999px;padding:4px;display:flex}.switch button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700}.switch button.active{color:var(--primary);background:#fff}.bars{background:repeating-linear-gradient(#0000 0 67px,#ded5e666 68px,#0000 69px);border-bottom:1px solid #ded5e6;justify-content:space-around;align-items:end;gap:12px;height:270px;padding-top:25px;display:flex}.bar-item{flex:1;place-items:end center;height:100%;display:grid}.bar{background:var(--primary);border-radius:10px 10px 2px 2px;width:min(48px,70%);min-height:15px}.bar-item:nth-child(2n) .bar{background:var(--pink)}.bar-item:nth-child(3n) .bar{background:var(--coral)}.bar-item small{color:var(--muted);padding:10px 0;font-weight:700}.category{grid-template-columns:40px 1fr;align-items:center;gap:12px;margin:22px 0;display:grid}.category-icon{width:40px;height:40px;color:var(--primary);background:#ece6ff;border-radius:50%;place-items:center;display:grid}.cat-head{justify-content:space-between;margin-bottom:7px;font-size:13px;font-weight:700;display:flex}.progress{background:#ece6ff;border-radius:999px;height:6px;overflow:hidden}.progress i{border-radius:inherit;background:var(--primary);height:100%;display:block}.transactions{margin-top:24px;overflow:hidden}.trans-head{justify-content:space-between;align-items:center;padding:27px 28px;display:flex}.trans-head h2{margin:0;font-size:26px}.trans-actions{gap:10px;display:flex}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{color:var(--muted);text-align:left;background:#f4eafd85;padding:15px 28px;font-size:12px}.table td{border-top:1px solid #ded5e680;padding:18px 28px}.table td:nth-child(2){font-weight:700}.table td:last-child,.table th:last-child{text-align:right}.chip{color:var(--primary);background:#ece6ff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.expense{color:#ba1a1a;font-weight:700}.income{color:var(--pink);font-weight:700}.bottom-nav,.mobile-top{display:none}@media (width<=900px){.sidebar,.topbar{display:none}.main{margin-left:0;padding-bottom:82px}.mobile-top{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fef7ffdf;border-bottom:1px solid #ded5e6;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex;position:sticky;top:0}.mobile-top a{align-items:center;gap:10px;display:flex}.mobile-top .brand{border-radius:10px;width:34px;height:34px;font-size:19px}.mobile-top .brand-name{font-size:24px}.content{padding:32px 20px}.intro h1{font-size:29px}.metrics{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:27px}.metric{min-height:155px;padding:18px}.metric:first-child{grid-column:1/-1}.metric-icon{width:42px;height:42px}.metric p{margin-top:17px;font-size:12px}.metric strong{font-size:31px}.grid,.finance-grid{grid-template-columns:1fr;gap:16px;margin-top:17px}.quick,.activity,.chart,.categories{padding:22px}.quick-list{gap:10px}.quick-list button{min-height:105px;font-size:12px}.inspire{min-height:250px;margin-top:16px}.inspire h2{font-size:26px}.finance-title{margin-bottom:22px}.finance-title h1{font-size:28px}.finance-metrics{grid-template-columns:1fr}.finance-metrics .metric{grid-column:auto}.bars{height:225px}.trans-head{padding:22px}.trans-actions .btn{width:42px;min-height:42px;padding:0;font-size:0}.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{border-top:1px solid #ded5e680;padding:15px 50px 15px 20px;position:relative}.table td{border:0;padding:0 0 6px;text-align:left!important}.table td:first-child{color:var(--muted);font-size:11px}.table td:last-child{position:absolute;top:17px;right:10px}.bottom-nav{z-index:3;background:#fffffff0;grid-template-columns:repeat(4,1fr);height:76px;padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #49326715}.bottom-nav a{color:var(--muted);border-radius:999px;place-items:center;gap:3px;font-size:10px;font-weight:700;display:grid}.bottom-nav a.active{color:#630022;background:#ff5d82}}