:root{font-family:Segoe UI,system-ui,sans-serif;color:#263a3c;background:#f7f9f8;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;background:white;border-bottom:1px solid #e5ebe7;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;color:#42675d;font-weight:700}.brand span{font-size:17px}.brand small{display:block;font-size:12px;font-weight:400;margin-top:3px;color:#6b7b75}nav{display:flex;align-items:center;gap:22px;font-size:14px}nav form{margin:0}main{max-width:1150px;margin:40px auto;padding:0 24px}h1{font-size:34px;letter-spacing:-1px;margin:8px 0 12px}h2{font-size:19px;margin:0 0 10px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#53766a}.muted,small{color:#657670;line-height:1.6}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.button,button{display:inline-block;background:#315e50;color:white;border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}.text{padding:0;background:transparent;color:inherit;font-weight:400}.month{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:30px}.month input{width:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0 24px}.card{border-radius:20px;padding:26px;min-height:150px;display:flex;flex-direction:column;gap:15px}.card strong{font-size:30px;font-variant-numeric:tabular-nums}.mint{background:#e0f0e8}.rose{background:#f7e5e3}.lavender{background:#e9e5f5}.panel{background:white;border:1px solid #e3eae6;border-radius:18px;padding:26px;margin-bottom:22px}.metrics{display:flex;flex-wrap:wrap;gap:32px;margin:25px 0}.metrics div{display:flex;flex-direction:column;gap:9px}.metrics span,.card span{font-size:14px;color:#4c6159}.metrics strong{font-size:23px}.link{color:#315e50;font-weight:600;display:inline-block;margin:8px 0}.entry{display:flex;justify-content:space-between;gap:18px;transition:border-color .15s}.entry:hover{border-color:#719686}.entry p{font-size:14px;color:#657670;margin:8px 0}.entry-value{display:flex;flex-direction:column;align-items:flex-end;gap:12px;white-space:nowrap}.badge{font-size:12px;background:#f0f3ee;padding:5px 10px;border-radius:20px}.empty{text-align:center;padding:48px 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:8px}label{font-size:14px;font-weight:600}input,select,textarea{font:inherit;width:100%;padding:11px 12px;border:1px solid #bdccc4;border-radius:9px;background:white;color:#263a3c;min-width:0}input[type=checkbox]{width:22px;height:22px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #97bbaa;outline-offset:3px}.login{max-width:460px;margin:60px auto}.login label{display:block;margin-bottom:8px}.errorlist{color:#a02c3e;font-size:14px}.message{background:#e4efe7;border:1px solid #b9d3c1;padding:14px;border-radius:10px;margin-bottom:20px}.danger{background:#923d49}footer{text-align:center;color:#78877f;padding:30px;font-size:12px}summary{cursor:pointer}li{line-height:1.8}@media(max-width:680px){header{padding:16px 20px;align-items:flex-start;flex-direction:column;gap:18px}nav{width:100%;justify-content:space-between;gap:12px}main{margin:26px auto;padding:0 16px}.heading{align-items:flex-start;flex-direction:column}h1{font-size:29px}.cards{grid-template-columns:1fr;gap:12px}.card{min-height:120px;padding:22px}.form-grid{grid-template-columns:1fr}.panel{padding:20px}.entry{gap:10px}.entry-value strong{font-size:15px}.metrics{gap:24px}.month label{width:100%}.login{margin:20px auto}.button{min-height:44px}}

.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.tabs a{padding:12px 18px;background:#e9efeb;border-radius:12px}.tabs .selected{background:#315e50;color:white}.month select{width:auto;max-width:100%}nav{flex-wrap:wrap}.heading{flex-wrap:wrap}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #e3eae6}

.dashboard-grid,.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.goal-grid{margin-top:20px;gap:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-heading h3{margin:0;font-size:17px}.goal{border:1px solid #e1e8e3;border-radius:16px;padding:20px;background:#f8faf8}.goal.over{background:#fcf0ed;border-color:#e6b4a7}.goal-values{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.goal-values span{font-size:12px;color:#52665c}.goal-values b{display:block;margin-top:5px;font-size:17px;color:#263a3c}.goal .link{display:block}.track{height:10px;border-radius:10px;background:#edf1ee;overflow:hidden;margin:8px 0}.track span{display:block;height:100%;background:#769d8c;border-radius:10px}.over .track span{background:#c77d70}.chart-row{margin:20px 0}.chart-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;flex-wrap:wrap}.chart-label a:hover{text-decoration:underline}.chart-label strong{white-space:nowrap}.chart-label small{font-weight:400}.notice{background:#f8f0db;border-radius:12px;padding:16px;line-height:1.6}.subcategory-details{margin-top:22px;border-top:1px solid #e3eae6;padding-top:20px}.trend-row{display:grid;grid-template-columns:80px minmax(80px,1fr) 190px;align-items:center;gap:18px;margin:20px 0}.trend-bars .track{height:12px;margin:6px 0}.expense span{background:#d5a199}.legend{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px}.mint-dot{background:#769d8c}.rose-dot{background:#d5a199}.secondary{background:#e4ebe6;color:#315e50}h3{font-size:17px}select{max-width:100%}@media(max-width:680px){.dashboard-grid,.goal-grid{grid-template-columns:1fr;gap:20px}.trend-row{grid-template-columns:65px 1fr;gap:10px}.trend-row>small{grid-column:2}.chart-label{font-size:13px}.goal{padding:16px}.section-heading{align-items:flex-start}.metrics strong{font-size:21px}}