.financepanel{margin:25px 0 30px}.financepanel .sectionhead{gap:12px}.financepanel .field{font-size:11px}.expensebars{display:flex;gap:10px;align-items:end;min-height:190px;padding:12px 0 4px;overflow-x:auto}.barcolumn{flex:1;min-width:36px;text-align:center}.barcolumn small{font-size:9px;color:#69766e;white-space:nowrap}.bartrack{height:122px;display:flex;align-items:end;justify-content:center;margin:6px 0 9px;border-bottom:1px solid #e4e9e0}.bartrack div{background:#7d9864;width:62%;border-radius:5px 5px 0 0;min-width:12px}.barcolumn span{font-size:10px;color:#69766e}.donutlayout{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.donut{width:128px;min-width:100px;transform:rotate(-90deg)}.donut text{font:2.6px sans-serif;fill:#69766e;transform:rotate(90deg);transform-origin:21px 21px}.donutlegend{flex:1;min-width:150px}.donutlegend div{display:flex;gap:6px;align-items:center;font-size:10px;margin:13px 0}.donutlegend span{flex:1}.donutlegend i{width:8px;height:8px;border-radius:50%}.routineoverview{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.routineoverview b{font-size:13px}.routineoverview p{font-size:12px;color:#69766e}.weekline{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:10px;overflow-x:auto;margin-top:20px;padding-bottom:10px}.weekline div{padding:13px;background:#f5f6ef;border-radius:10px}.weekline div.selected{background:#e8f0df;box-shadow:inset 0 0 0 1px #96aa7c}.weekline b{font-size:12px}.weekline p{font-size:11px;line-height:1.8;margin:8px 0 0}.snackgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.snackgrid h3{font-size:14px;min-height:40px}.snackgrid b{font-size:12px}.snackgrid button{font-size:11px;padding:10px}.snackgrid .helper{min-height:60px}.financepanel .card h2{font-size:18px}details>summary{cursor:pointer;padding:18px;background:#edf0e7;border-radius:10px;font-size:14px}@media(max-width:1100px){.snackgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.routineoverview{grid-template-columns:1fr;gap:5px}.routineoverview p{margin:7px 0}.snackgrid{gap:10px}.snackgrid .card{padding:15px}.snackgrid h3{font-size:13px}.snackgrid button{font-size:10px;padding:9px}.snackgrid .helper{min-height:90px}.financepanel .sectionhead h2{font-size:17px}.financepanel .sectionhead input{padding:8px;max-width:143px}.financepanel .stats .stat strong{font-size:21px}.financepanel .cols{gap:15px}.expensebars{gap:6px}.barcolumn small{font-size:8px}.financepanel .wide .expensebars{min-width:540px}.financepanel .wide{overflow:auto}.donutlayout{flex-wrap:nowrap}.donut{width:110px}.donutlegend{min-width:125px}.sectionhead>.secondary{font-size:11px;padding:10px}.weekline{grid-template-columns:repeat(7,155px)}}
