@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.notification-backdrop{z-index:45}.notification-modal{width:min(430px,100%);border:0;border-radius:18px;background:#fbfaf7;padding:24px;box-shadow:0 24px 70px #07120f55}.notification-status{display:flex;align-items:center;gap:12px;border:1px solid #e0e4df;background:#f0f2ef;border-radius:12px;padding:14px;color:#75807c}.notification-status.enabled{background:#e9f3ef;border-color:#bcd9cf;color:#226b58}.notification-status div{min-width:0}.notification-status b{display:block;font-size:13px}.notification-status span{display:block;font-size:10px;line-height:1.45;margin-top:3px;color:#74807c}.reminder-schedule{display:grid;gap:8px;margin:15px 0}.reminder-schedule>div{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:9px;border:1px solid #e5e6e1;border-radius:10px;padding:10px}.reminder-schedule strong{font:800 14px Manrope;color:var(--green)}.reminder-schedule span{font-size:10px;line-height:1.45;color:#6f7a76}.notification-help{font-size:10px;line-height:1.5;color:#7c8782;margin:12px 0}.notification-action{width:100%;margin-top:5px;justify-content:center}body.monochrome .notification-modal{background:var(--dark-panel);color:var(--dark-text)}body.monochrome .notification-status{background:#25292f;border-color:#414850;color:#b8c0c8}body.monochrome .notification-status.enabled{background:#2d3533;border-color:#586962;color:#fff}body.monochrome .notification-status span,body.monochrome .reminder-schedule span,body.monochrome .notification-help{color:var(--dark-secondary)}body.monochrome .reminder-schedule>div{border-color:var(--dark-border)}body.monochrome .reminder-schedule strong{color:#eee}:root{font-family:DM Sans,system-ui,sans-serif;color:#1b2c28;background:#f4f3ed;font-synthesis:none;--green:#17584b;--green-2:#247565;--orange:#d78335;--muted:#74807c}.photo-upload-notice{margin:0 28px 14px;padding:10px 12px;border:1px solid #cbded6;border-radius:10px;background:#edf6f2;color:#275f52;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.photo-upload-notice.error{border-color:#edc8bf;background:#fff1ed;color:#944b3e}.photo-upload-notice button{border:0;border-radius:7px;background:#fff;color:inherit;padding:7px 10px;font:700 11px inherit;white-space:nowrap}.photo-upload-notice button:disabled{opacity:.55}html.monochrome{color-scheme:dark;background:#111315}body.monochrome{--green:#e4e6e8;--green-2:#cdd0d4;--orange:#b6b6b6;--muted:#a8aeb6;--dark-page:#111315;--dark-panel:#1b1e22;--dark-raised:#25292f;--dark-border:#343940;--dark-text:#eef0f2;--dark-secondary:#a8aeb6;background:var(--dark-page);color:var(--dark-text)}body.monochrome :is(header,.sidebar,.bottom-nav){background:#16191c;border-color:#2a2e34}body.monochrome :is(.card,.metric,.module-stats article,.login-card,.modal,.confirm-modal){background:var(--dark-panel);color:var(--dark-text);border-color:var(--dark-border);box-shadow:0 4px 16px #00000018}body.monochrome :is(.sidebar-foot,.milk-footer,.transaction,.record-row,.animal,.monthly-chart){border-color:var(--dark-border)}body.monochrome .month-record-group+.month-record-group{border-color:var(--dark-border)}body.monochrome .month-group-head span{background:#2c2c2c;color:var(--dark-secondary)}body.monochrome .month-group-head b{color:var(--dark-text)}body.monochrome .month-group-head>strong{color:#c8c8c8}body.monochrome .month-group-head>strong.positive{color:#f3f3f3}body.monochrome .tree-animal-card{background:#272727;border-color:#414141}body.monochrome .tree-animal-icon{background:#383838;color:#eee}body.monochrome .tree-animal-card b{color:var(--dark-text)}body.monochrome .tree-animal-card span{color:var(--dark-secondary)}body.monochrome .tree-children,body.monochrome .tree-children>.tree-node:before{border-color:#565656}body.monochrome :is(.brand span,.sidebar-foot span,.welcome span,.welcome p,.metric-top>span,.metric p,.card-head p,.trend-legend,.month-column>span,.legend,.x-labels,.y-labels,.milk-total>span,.milk-total small,.milk-footer,.tx-name span,.animal span,.section-title p,.module-stats span,.record-main span,.record-date,.quick-actions small,.modal-choices small,.modal-head span,.modal label,.choice-field legend,.confirm-modal p,.login-card>p,.login-card>small,.login-card label,.empty-state p,.empty-inline){color:var(--dark-secondary)}body.monochrome :is(.quick-actions b,.milk-total strong,.milk-footer b,.milk-split strong,.confirm-modal p b){color:var(--dark-text)}body.monochrome :is(.icon-button,.secondary,.month-picker,.card-head button,.modal-choices>button,.quick-actions button,.choice-grid button,.animal-suggestions button){background:var(--dark-raised);color:var(--dark-text);border-color:var(--dark-border);box-shadow:none}body.monochrome .summary-tabs{background:#292929}body.monochrome .summary-tabs button{color:#bcbcbc}body.monochrome .summary-tabs button.active{background:#414141;color:#fff;box-shadow:0 1px 3px #0006}body.monochrome .period-caption{color:var(--dark-secondary)}body.monochrome .period-caption b{color:var(--dark-text)}body.monochrome .period-caption span{border-color:var(--dark-border)}body.monochrome :is(.sidebar nav button,.bottom-nav button,.edit-button,.delete-button){color:var(--dark-secondary)}body.monochrome :is(.sidebar nav button:hover,.quick-actions button:hover,.modal-choices>button:hover,.edit-button:hover){background:#303030;color:#fff;border-color:#666}body.monochrome :is(.sidebar nav button.active,.bottom-nav button.active,.choice-grid button.chosen,.theme-button[aria-pressed=true]){background:#383838;color:#fff;border-color:#929292;box-shadow:inset 0 0 0 1px #777}body.monochrome :is(.family-avatar,.record-icon,.tx-icon,.animal-avatar,.placeholder-icon,.empty-state>div,.quick-actions button>span,.modal-choices>button>span,.metric-top>div,.milk-total>div){background:#303030;color:#ddd}body.monochrome :is(.milk-total,.animal small){background:#242424;color:var(--dark-secondary)}body.monochrome :is(.primary,.fab,.modal .submit.saved){background:#e5e5e5;color:#191919;box-shadow:0 4px 12px #0003}body.monochrome :is(.primary:hover,.fab:hover){background:#fff}body.monochrome .card-head .link-button{background:transparent;color:#ddd}body.monochrome :is(.modal input,.modal select,.login-card input){background:#141414;color:#eee;border-color:#484848;color-scheme:dark}body.monochrome input::placeholder{color:#909090;opacity:1}body.monochrome :is(.modal input:focus,.modal select:focus,.login-card input:focus){border-color:#b5b5b5;box-shadow:0 0 0 3px #ffffff18}body.monochrome button:focus-visible{outline:2px solid #eee;outline-offset:3px}body.monochrome :is(.sync-pill,.sync-pill.online){background:#303030;color:#dedede}body.monochrome .sync-pill span{background:#aaa;box-shadow:none}body.monochrome .sync-pill.online span{background:#eee;box-shadow:0 0 0 3px #ffffff15}body.monochrome :is(.record-row>strong,.transaction>strong,.metric p b,.expense p b){color:#bebebe}body.monochrome :is(.record-row>strong.positive,.transaction>strong.positive){color:#f3f3f3}body.monochrome .income-bar{background:#e3e3e3}body.monochrome .expense-bar{background:repeating-linear-gradient(135deg,#858585 0,#858585 3px,#555 3px,#555 6px)}body.monochrome .income-line{stroke:#e3e3e3}body.monochrome .expense-line{stroke:#999}body.monochrome .gridline{stroke:#383838}body.monochrome .mobile-chart-heading p,body.monochrome .mobile-chart-detail span,body.monochrome .mobile-chart-detail small{color:var(--dark-secondary)}body.monochrome .mobile-chart-heading h2,body.monochrome .mobile-chart-detail strong{color:var(--dark-text)}body.monochrome .mobile-chart-heading button{background:#303030;color:#eee}body.monochrome .mobile-chart-metrics{background:#292929}body.monochrome .mobile-chart-metrics button{color:#b5b5b5}body.monochrome .mobile-chart-metrics button.active{background:#424242;color:#fff;box-shadow:none}body.monochrome .mobile-chart-detail{background:#272727}body.monochrome .mobile-monthly-chart{border-color:var(--dark-border)}body.monochrome .mobile-monthly-chart button{color:#aaa}body.monochrome .mobile-monthly-chart button i{background:#cfcfcf}body.monochrome .mobile-monthly-chart button i.negative{background:#8d8d8d}body.monochrome .mobile-monthly-chart button.active i{background:#fff;box-shadow:0 0 0 3px #ffffff1c}body.monochrome .mobile-monthly-chart button.active span{color:#fff}body.monochrome .modal-backdrop{background:#000a}body.monochrome .login-screen{background:radial-gradient(ellipse at top,#2b2b2b,transparent 60%),var(--dark-page)}body.monochrome .loading-card{background:transparent;box-shadow:none}body.monochrome .photo-upload-notice{background:#242a28;border-color:#48524e;color:#e1e5e3}body.monochrome .photo-upload-notice.error{background:#302422;border-color:#684740;color:#f0c8bf}body.monochrome .photo-upload-notice button{background:#3a3f3d;color:inherit}body.monochrome :is(.brand-mark,.login-logo){box-shadow:0 0 0 1px #ffffff20}body.monochrome :is(.form-error,.confirm-icon,.delete-button:hover){background:#382426;color:#f0b8b8}body.monochrome .danger-button{background:#9f4248;color:#fff;box-shadow:none}body.monochrome .confirm-modal>span{color:#f0b8b8}body.monochrome .offline-note{background:#302b22;color:#decba5}body.monochrome .field-hint{color:#c7bda8}body.monochrome :is(.modal,.confirm-modal){border:1px solid #414750;box-shadow:0 24px 80px #0008}body.monochrome :is(.summary-tabs,.mobile-chart-metrics){background:#111315;border:1px solid var(--dark-border)}body.monochrome :is(.summary-tabs button.active,.mobile-chart-metrics button.active){background:#363c44;color:#fff;box-shadow:0 2px 5px #0003}body.monochrome :is(.sidebar nav button.active,.choice-grid button.chosen,.theme-button[aria-pressed=true]){background:#30363e;color:#fff;border-color:#77818e;box-shadow:none}body.monochrome .sidebar nav button.active{box-shadow:inset 3px 0 #e4e6e8}body.monochrome .bottom-nav button{border-radius:10px;padding:6px 9px}body.monochrome .bottom-nav button.active{background:#30363e;color:#fff;box-shadow:none}body.monochrome .bottom-nav button.active.active{background:#30363e;box-shadow:none}body.monochrome .milk-total,body.monochrome .mobile-chart-detail,body.monochrome .tree-animal-card{background:#23272d;border:1px solid var(--dark-border)}body.monochrome :is(.milk-split>div,.module-stats span,.record-main span,.tx-name span,.month-column>span,.mobile-monthly-chart button){color:var(--dark-secondary)}body.monochrome .milk-split i{background:#353b43}body.monochrome .milk-split em{background:#e1e4e8}body.monochrome .milk-split .gold-bar{background:repeating-linear-gradient(135deg,#9ca4af 0,#9ca4af 3px,#636d7a 3px,#636d7a 6px)}body.monochrome :is(.green-dot,.income-bar){background:#e1e4e8}body.monochrome :is(.orange-dot,.expense-bar){background:repeating-linear-gradient(135deg,#9ca4af 0,#9ca4af 3px,#636d7a 3px,#636d7a 6px)}body.monochrome :is(.record-icon,.tx-icon,.metric-top>div,.milk-total>div,.tree-animal-icon,.quick-actions button>span){background:#30363e;color:#dce1e7}body.monochrome :is(.primary,.fab){background:#e1e4e8;color:#171a1e;box-shadow:0 4px 12px #0003}body.monochrome :is(.modal input,.modal select,.login-card input){background:#15181c;border-color:#535d6a;color:var(--dark-text)}body.monochrome :is(.modal input,.modal select,.login-card input):focus{border-color:#c6cdd6;box-shadow:0 0 0 3px #c6cdd61c}body.monochrome .month-group-head{background:#25292f;padding:12px;border-radius:10px}body.monochrome .month-group-head span{background:#353b43;color:#cdd2d9}body.monochrome .mobile-monthly-chart button.active i{background:#e1e4e8;box-shadow:0 0 0 3px #e1e4e81c}body.monochrome .notification i{border-color:#16191c}body.monochrome .login-screen{background:radial-gradient(ellipse at top,#30363e,transparent 65%),var(--dark-page)}body.monochrome ::selection{background:#667181;color:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f3ed}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.app-shell.locked>.sidebar,.app-shell.locked>main,.app-shell.locked>.fab,.app-shell.locked>.bottom-nav{display:none}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(circle at 50% 0,#e4eee8 0,transparent 42%),#f5f3ec;display:grid;place-items:center;padding:20px}.login-card{width:min(410px,100%);background:#fff;border:1px solid #e0e3dc;border-radius:20px;padding:34px;box-shadow:0 22px 60px #183d3220;text-align:center}.login-logo{width:56px;height:56px;display:block;object-fit:contain;margin:0 auto 18px;border-radius:16px;box-shadow:0 8px 22px #17584b42}.login-card>span{font-size:9px;color:var(--green);font-weight:800;letter-spacing:1.3px}.login-card h1{font:800 23px Manrope;margin:6px 0}.login-card>p{font-size:12px;line-height:1.5;color:#7b8782;margin:0 auto 22px;max-width:310px}.login-card label{text-align:left;display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#53615d}.login-card input{border:1px solid #d9ddd7;border-radius:10px;padding:12px;outline:none}.login-card input:focus{border-color:#4d8b7a;box-shadow:0 0 0 3px #deebe6}.login-card .primary{width:100%;padding:12px;margin-top:14px}.login-card>small{display:block;color:#9aa29f;font-size:9px;margin-top:13px}.loading-card{background:transparent;border:0;box-shadow:none}.loading-card p{margin:0}.sidebar{width:232px;background:#fbfaf6;border-right:1px solid #e5e5dd;position:fixed;inset:0 auto 0 0;padding:29px 18px 20px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{width:38px;height:38px;display:block;object-fit:contain;border-radius:12px;box-shadow:0 5px 12px #17584b30}.brand b{font:700 16px Manrope;display:block;letter-spacing:-.3px}.brand span,.sidebar-foot span{color:#8a928f;font-size:11px;display:block;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{border:0;background:transparent;color:#67736f;padding:11px 13px;border-radius:10px;display:flex;gap:12px;align-items:center;font-weight:600;font-size:14px}.sidebar nav button:hover{background:#f1f1eb}.sidebar nav button.active{background:#e4eee9;color:var(--green)}.sidebar-foot{margin-top:auto;border-top:1px solid #e8e7e1;padding:20px 5px 0;display:flex;align-items:center;gap:9px}.sidebar-foot>div:nth-child(2){flex:1}.sidebar-foot b{font-size:12px;display:block}.family-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#dcebe5;color:var(--green);font-weight:700;font-size:11px}main{margin-left:232px;min-height:100vh}header{height:74px;background:#fbfaf6;border-bottom:1px solid #e3e4dd;display:flex;justify-content:flex-end;align-items:center;padding:0 42px;position:sticky;top:0;z-index:3}.mobile-brand{display:none}.header-actions{display:flex;align-items:center;gap:10px}.sync-pill{background:#f1ede5;color:#827a6d;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:7px}.sync-pill span{width:7px;height:7px;border-radius:50%;background:#9b9489}.sync-pill.online{color:#367061;background:#e7f0ec}.sync-pill.online span{background:#3f947c;box-shadow:0 0 0 3px #bcdacf}.icon-button{width:36px;height:36px;border:1px solid #e0e1da;border-radius:10px;background:#fff;color:#53615d;display:grid;place-items:center}.notification{position:relative}.notification i{position:absolute;width:7px;height:7px;background:#a6ada9;border:1px solid white;border-radius:50%;right:6px;top:5px}.notification.subscribed i{background:#2e987a;box-shadow:0 0 0 2px #cfe8df}.primary{border:0;background:var(--green);color:#fff;border-radius:10px;padding:10px 16px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 5px 12px #17584b20}.content{max-width:1240px;margin:auto;padding:38px 44px 54px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.welcome span{color:#8d9692;font-size:12px;font-weight:600}.welcome h1{font:800 27px Manrope;margin:5px 0 3px;letter-spacing:-.8px}.welcome p{margin:0;color:#7b8581;font-size:13px}.month-picker,.card-head button{border:1px solid #dfe1da;background:#fbfaf7;color:#53605c;border-radius:9px;padding:8px 11px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.summary-tabs{display:inline-grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;background:#e8eae5;border-radius:12px;margin-bottom:8px}.summary-tabs button{border:0;border-radius:8px;padding:8px 14px;background:transparent;color:#6b7772;font-size:12px;font-weight:700}.summary-tabs button.active{background:#fff;color:var(--green);box-shadow:0 1px 3px #1d312214}.period-caption{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:11px;color:#84908b}.period-caption b{color:#31433d}.period-caption span{padding-left:8px;border-left:1px solid #d9ddd7}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.metric{background:#fff;border:1px solid #e3e4dd;border-radius:15px;padding:20px 22px;box-shadow:0 2px 8px #31483f08}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-top>span{font-size:10px;color:#84908b;font-weight:700;letter-spacing:.8px}.metric-top>div{width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.income .metric-top>div{background:#e8f2ee;color:#21715e}.expense .metric-top>div{background:#f8eee4;color:#c77730}.profit .metric-top>div{background:#e6eeed;color:#32645b}.spark{font-size:24px}.metric strong{font:800 26px Manrope;display:block;margin:9px 0 6px;letter-spacing:-.8px}.metric p{margin:0;font-size:11px;color:#96a09c}.metric p b{color:#37826e}.expense p b{color:#c87936}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:18px;margin-bottom:18px}.card{background:#fff;border:1px solid #e3e4dd;border-radius:15px;box-shadow:0 2px 8px #31483f08;padding:20px 22px}.card-head{display:flex;align-items:flex-start;justify-content:space-between}.card-head h2{font:700 15px Manrope;margin:0 0 3px}.card-head p{font-size:11px;color:#8b9591;margin:0}.card-head p b{color:var(--green)}.card-head .link-button{border:0;background:transparent;color:var(--green);padding:5px 0;gap:3px}.trend-card{margin-bottom:18px}.trend-legend{display:flex;gap:14px;font-size:10px;color:#71807b}.trend-legend span{display:flex;align-items:center;gap:5px}.trend-legend i{width:8px;height:8px;border-radius:3px}.income-bar{background:#287663}.expense-bar{background:#d78335}.monthly-chart{height:220px;margin-top:18px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:end;border-bottom:1px solid #e5e8e2;padding:0 4px}.month-column{height:100%;min-width:0;display:grid;grid-template-rows:1fr 20px;align-items:end;text-align:center}.month-column .bars{height:100%;display:flex;gap:3px;align-items:end;justify-content:center}.month-column .bars i{display:block;width:min(13px,40%);min-height:0;border-radius:4px 4px 0 0;transition:height .25s ease}.month-column>span{font-size:9px;color:#89938f;padding-top:7px;text-transform:capitalize}.mobile-chart-panel{display:none}.legend{display:flex;justify-content:flex-end;gap:18px;font-size:10px;color:#697571;margin:4px 4px 0}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%}.green-dot{background:#227461}.orange-dot{background:#df8c3c}.chart-wrap{display:flex;height:200px;margin-top:8px}.y-labels{width:38px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a1a9a6;padding:4px 0 19px}.chart{flex:1;min-width:0;position:relative}.chart svg{width:100%;height:175px;overflow:visible}.gridline{stroke:#e9eae5;stroke-width:1;stroke-dasharray:4 5}.line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.income-line{stroke:#237561}.expense-line{stroke:#df8c3c}.x-labels{display:flex;justify-content:space-between;color:#a1a9a6;font-size:9px;margin-top:2px}.milk-total{display:flex;align-items:center;gap:12px;background:#f3f7f4;border-radius:11px;padding:13px;margin:19px 0}.milk-total>div{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#dcebe6;color:var(--green)}.milk-total>span{font-size:11px;color:#78837f}.milk-total strong{font:700 19px Manrope;color:#24332f;display:block}.milk-total small{font:500 10px DM Sans;color:#818a87}.milk-split{display:flex;flex-direction:column;gap:15px}.milk-split>div{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:11px;color:#707c77}.milk-split strong{color:#293a35}.milk-split i{height:5px;grid-column:1/-1;border-radius:4px;background:#edf0ec;overflow:hidden}.milk-split em{display:block;height:100%;background:#237561;border-radius:4px}.milk-split .gold-bar{background:#e1a547}.milk-footer{border-top:1px solid #ecece7;margin-top:16px;padding-top:13px;display:flex;justify-content:space-between;font-size:11px;color:#84908b}.milk-footer b{color:#30403c}.lower-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.transaction-list,.animal-list{margin-top:12px}.transaction{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid #f0f0ec}.transaction:first-child,.animal:first-child{border-top:0}.tx-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.tx-icon.blue{background:#e5f0f2;color:#347482}.tx-icon.orange{background:#f6eadf;color:#c17332}.tx-icon.gold{background:#f6f0de;color:#af812b}.tx-icon.green{background:#e5efeb;color:#34705f}.tx-name{flex:1}.tx-name b,.animal b{font-size:11px;display:block}.tx-name span,.animal span{font-size:10px;color:#8e9793;display:block;margin-top:2px}.transaction>strong{font-size:12px;color:#be6732}.transaction>strong.positive{color:#287663}.animal{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f0f0ec}.animal-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e3eee9;color:var(--green);font:700 12px Manrope}.animal>div:nth-child(2){flex:1}.animal small{font-size:9px;color:#89938f;background:#f4f4ef;border-radius:5px;padding:4px 6px}.placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:15vh}.placeholder-icon{width:68px;height:68px;border-radius:20px;background:#e1ece7;color:var(--green);display:grid;place-items:center}.placeholder h1{margin:18px 0 3px;font:800 28px Manrope}.placeholder p{margin:0 0 22px;color:var(--muted)}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px}.quick-actions button{border:1px solid #e4e6df;background:#fafaf7;border-radius:11px;padding:13px;text-align:left;display:grid;grid-template-columns:36px 1fr;column-gap:10px;transition:.18s ease}.quick-actions button:hover{border-color:#acc9c0;background:#f1f7f4;transform:translateY(-1px)}.quick-actions button>span{grid-row:1/3;width:36px;height:36px;border-radius:9px;background:#e3eee9;color:var(--green);display:grid;place-items:center}.quick-actions b{font-size:12px;color:#283a35}.quick-actions small{font-size:8px;color:#919a96;letter-spacing:.45px;margin-top:2px}.empty-inline{min-height:112px;display:flex;align-items:center;justify-content:center;gap:10px;color:#8a9591;font-size:12px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.section-title span{font-size:9px;color:var(--green);font-weight:800;letter-spacing:1px}.section-title h1{font:800 28px Manrope;margin:3px 0}.section-title p{font-size:12px;color:#84908b;margin:0}.module-stats{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;margin-bottom:18px}.module-stats article{background:#fff;border:1px solid #e3e4dd;border-radius:13px;padding:16px 18px}.module-stats span{display:block;font-size:9px;color:#89938f;font-weight:700;letter-spacing:.7px}.module-stats strong{font:800 20px Manrope;display:block;margin-top:5px}.animal-tree-card{margin-bottom:18px}.animal-tree-scroll{margin-top:17px;overflow:auto;padding:2px 4px 4px}.animal-tree,.animal-tree ul{list-style:none;margin:0;padding:0}.animal-tree{min-width:330px}.tree-node{position:relative;padding:0 0 12px}.tree-animal-card{width:min(285px,100%);display:flex;align-items:center;gap:10px;background:#f6f8f5;border:1px solid #dce4de;border-radius:10px;padding:10px 11px}.tree-animal-icon{width:31px;height:31px;border-radius:8px;background:#e2eee8;color:var(--green);display:grid;place-items:center}.tree-animal-card b{display:block;font-size:12px}.tree-animal-card span{display:block;font-size:10px;color:#7d8984;margin-top:2px}.tree-children{margin:0 0 0 25px!important;padding:12px 0 0 22px!important;border-left:1px solid #b9cec5}.tree-children>.tree-node:before{content:"";position:absolute;left:-22px;top:25px;width:22px;border-top:1px solid #b9cec5}.tree-children>.tree-node:last-child{padding-bottom:0}.records-card{padding-bottom:12px}.monthly-record-groups{margin-top:14px}.month-record-group+.month-record-group{border-top:1px solid #e4e6e0;margin-top:18px;padding-top:18px}.month-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.month-group-head>div{display:flex;align-items:center;gap:9px}.month-group-head b{font:700 13px Manrope;text-transform:capitalize}.month-group-head span{font-size:10px;color:#87918d;background:#f1f2ee;padding:4px 7px;border-radius:6px}.month-group-head>strong{font:700 13px Manrope;color:#bc6b35}.month-group-head>strong.positive{color:#277461}.record-table{margin-top:14px}.record-row{display:grid;grid-template-columns:38px minmax(140px,1fr) 120px 120px 72px;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eff0eb}.record-row:first-child{border-top:0}.record-icon{width:36px;height:36px;border-radius:10px;background:#e6f0ec;color:var(--green);display:grid;place-items:center}.record-main b{font-size:12px;display:block}.record-main span,.record-date{font-size:10px;color:#87918d;margin-top:2px}.record-row>strong{font-size:12px;color:#bc6b35;text-align:right}.record-row>strong.positive{color:#277461}.record-actions{display:flex;align-items:center;gap:3px}.edit-button,.delete-button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#98a19e;display:grid;place-items:center}.edit-button:hover{background:#e4f0eb;color:#277461}.delete-button:hover{background:#f8e9e5;color:#b85d4a}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;padding:45px 15px}.empty-state>div{width:62px;height:62px;border-radius:18px;background:#e5efeb;color:var(--green);display:grid;place-items:center}.empty-state h2{font:700 16px Manrope;margin:14px 0 4px}.empty-state p{font-size:11px;color:#8a9490;margin:0 0 17px}.modal-choices{display:flex;flex-direction:column;gap:9px}.modal-choices>button{width:100%;border:1px solid #e1e4dd;background:#fff;border-radius:11px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left;color:#2b3c37}.modal-choices>button:hover{border-color:#9ebeb4;background:#f3f8f6}.modal-choices>button>span{width:38px;height:38px;border-radius:10px;background:#e5efeb;color:var(--green);display:grid;place-items:center}.modal-choices>button>div{flex:1}.modal-choices b{font-size:12px;display:block}.modal-choices small{font-size:8px;color:#8b9591;letter-spacing:.5px}.choice-field{border:0;padding:0;margin:0 0 14px;min-width:0}.choice-field legend{font-size:11px;color:#5b6864;font-weight:600;padding:0;margin-bottom:6px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid button{border:1px solid #dce0da;background:#fff;border-radius:9px;padding:11px 7px;color:#5e6c67;font-size:11px;font-weight:700;min-height:43px;line-height:1.1}.choice-grid button.chosen{background:#e5f0eb;border-color:#77a99b;color:#17584b;box-shadow:inset 0 0 0 1px #9ec6bb}.animal-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:-7px 0 14px}.animal-suggestions button{border:1px solid #a8c9be;background:#eef6f2;color:#205f51;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700}.field-hint{font-size:10px;line-height:1.45;color:#b56b38;margin:-5px 0 13px}.form-error{font-size:11px;color:#ad4f40;background:#f9e9e5;border-radius:8px;padding:10px;margin-bottom:10px}.submit:disabled{opacity:.55;cursor:not-allowed}.bottom-nav,.fab{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14241f80;z-index:20;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(440px,100%);background:#fbfaf7;border-radius:18px;padding:24px;box-shadow:0 24px 60px #07120f42}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head span{font-size:9px;letter-spacing:1px;color:#73817c;font-weight:700}.modal-head h2{margin:3px 0 0;font:800 21px Manrope}.modal label{min-width:0;font-size:11px;color:#5b6864;font-weight:600;display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.modal input,.modal select{width:100%;min-width:0;height:44px;border:1px solid #dce0da;background:#fff;border-radius:9px;padding:9px 12px;color:#273833;outline:none}.modal input:focus,.modal select:focus{border-color:#559181;box-shadow:0 0 0 3px #dcebe6}.form-row{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.form-row>*{min-width:0}.modal .submit{width:100%;margin-top:7px;padding:12px}.modal .submit.saved{background:#2d876f}.offline-note{display:flex;gap:8px;align-items:center;padding:10px;background:#f8ecdf;color:#946032;border-radius:9px;font-size:11px;margin-bottom:16px}.confirm-modal{width:min(390px,100%);background:#fbfaf7;border-radius:18px;padding:26px 24px;box-shadow:0 24px 60px #07120f42;text-align:center}.confirm-icon{width:46px;height:46px;border-radius:14px;background:#f9e9e5;color:#b85d4a;display:grid;place-items:center;margin:0 auto 15px}.confirm-modal>span{font-size:9px;letter-spacing:1px;color:#a7685b;font-weight:800}.confirm-modal h2{font:800 20px Manrope;margin:5px 0 8px}.confirm-modal p{color:#73807b;font-size:12px;line-height:1.5;margin:0 0 20px}.confirm-modal p b{color:#2d4039}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary,.danger-button{border-radius:10px;padding:11px 13px;font-size:12px;font-weight:700}.secondary{border:1px solid #dce1db;background:#fff;color:#52615c}.danger-button{border:0;background:#b95c4b;color:#fff;box-shadow:0 5px 12px #b95c4b28}.secondary:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}.animal-photo-field{margin-top:4px}.animal-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.animal-photo-preview,.animal-photo-add{height:102px;border-radius:11px;overflow:hidden;position:relative;border:1px solid #dce0da;background:linear-gradient(135deg,#edf1ee,#dfe6e2)}.animal-photo-preview img{width:100%;height:100%;display:block;object-fit:contain}.animal-photo-preview button{position:absolute;right:5px;top:5px;width:30px;height:30px;border:0;border-radius:8px;background:#17211dcc;color:#fff;display:grid;place-items:center}.animal-photo-preview.pending img{opacity:.68}.animal-photo-preview>span{position:absolute;inset:auto 4px 5px;background:#17211dcc;color:#fff;border-radius:5px;padding:3px;font-size:8px;text-align:center}.animal-photo-add{cursor:pointer;display:flex!important;align-items:center;justify-content:center;flex-direction:column!important;gap:7px!important;color:var(--green)!important;margin:0!important;border-style:dashed!important}.animal-photo-add span{font-size:10px}.animal-photo-add input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.photo-help{font-size:9px;color:#85908c;margin:8px 0 0;line-height:1.45}.animal-record-photo,.tree-animal-photo{width:36px;height:36px;border-radius:10px;object-fit:cover;display:block;background:#e3e9e5}.tree-animal-photo{width:31px;height:31px;border-radius:8px}.photo-confirm-backdrop{z-index:30}body.monochrome :is(.animal-photo-preview,.animal-photo-add){background:linear-gradient(135deg,#23272d,#181b1f);border-color:#46505a}body.monochrome .photo-help{color:var(--dark-secondary)}.animal-gallery-open{width:38px;height:38px;padding:0;border:0;border-radius:10px;background:transparent;position:relative;cursor:pointer}.animal-gallery-open span{position:absolute;right:-4px;bottom:-4px;display:flex;align-items:center;gap:2px;background:#17584b;color:#fff;border:2px solid #fff;border-radius:8px;padding:2px 4px;font-size:8px;font-weight:800}.gallery-backdrop{z-index:35}.gallery-modal{width:min(760px,100%);border:0;border-radius:18px;background:#151a18;color:#fff;padding:18px;box-shadow:0 28px 80px #0008}.gallery-head{display:flex;align-items:flex-start;justify-content:space-between;padding:2px 2px 14px}.gallery-head span{font-size:9px;letter-spacing:1px;color:#aab6b1;font-weight:800}.gallery-head h2{font:800 21px Manrope;margin:3px 0}.gallery-head p{font-size:10px;color:#9ba7a2;margin:0}.gallery-head .icon-button{background:#29302d;color:#fff;border:0}.gallery-stage{width:100%;height:min(62vh,540px);position:relative;border-radius:13px;overflow:hidden;background:radial-gradient(circle at center,#29302d 0,#090b0a 72%);display:grid;place-items:center;contain:layout paint}.gallery-stage>img{width:100%;height:100%;display:block;object-fit:contain;transition:opacity .16s ease}.gallery-stage.portrait>img{max-width:min(100%,560px)}.gallery-stage.landscape>img{max-height:100%}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:43px;height:43px;border:0;border-radius:50%;background:#101512c9;color:#fff;display:grid;place-items:center}.gallery-arrow.previous{left:12px}.gallery-arrow.next{right:12px}.gallery-thumbs{display:flex;justify-content:center;gap:9px;padding-top:13px}.gallery-thumbs button{width:64px;height:50px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#222}.gallery-thumbs button.active{border-color:#fff}.gallery-thumbs img{width:100%;height:100%;display:block;object-fit:cover}.report-header-button{display:flex;align-items:center;gap:6px;white-space:nowrap}.report-backdrop{z-index:40}.report-modal{width:min(920px,100%);max-height:calc(100dvh - 40px);overflow:auto;border:0;border-radius:18px;background:#f3f3ee;padding:20px;box-shadow:0 28px 80px #0007}.report-controls{background:#fff;border-radius:13px;padding:18px;margin-bottom:16px}.report-controls .modal-head{margin-bottom:14px}.report-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#5b6864;margin:12px 0}.report-controls input{height:44px;border:1px solid #dce0da;border-radius:9px;padding:8px 11px;font-size:16px}.report-period-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.report-period-tabs button{border:1px solid #dce0da;border-radius:9px;background:#fff;color:#68746f;padding:10px 6px;font-size:11px;font-weight:800}.report-period-tabs button.active{background:#e5f0eb;border-color:#77a99b;color:#17584b}.report-print-button{width:100%;margin-top:8px}.report-sheet{background:#fff;color:#202925;border-radius:13px;padding:34px 38px;min-height:500px}.report-sheet-head{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;border-bottom:2px solid #17584b;padding-bottom:18px}.report-sheet-head img{width:48px;height:48px}.report-sheet-head h1{font:800 20px Manrope;margin:0}.report-sheet-head p{font-size:12px;color:#55716a;margin:3px 0 0;text-transform:capitalize}.report-sheet-head small{font-size:9px;color:#7e8884;text-align:right}.report-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.report-totals div{border:1px solid #e0e5e1;border-radius:9px;padding:11px}.report-totals span{display:block;color:#78847f;font-size:9px;text-transform:uppercase}.report-totals strong{display:block;font:800 15px Manrope;margin-top:4px}.report-sheet table{width:100%;border-collapse:collapse;font-size:10px}.report-sheet th{text-align:left;background:#eef3f0;color:#50625c;padding:9px 8px}.report-sheet td{padding:9px 8px;border-bottom:1px solid #e8ebe8;vertical-align:top}.report-sheet td:last-child,.report-sheet th:last-child{text-align:right;white-space:nowrap}.report-sheet td.income{color:#176552;font-weight:700}.report-sheet footer{text-align:center;color:#8b9591;font-size:9px;padding-top:22px}body.monochrome .report-modal{background:#111315}body.monochrome .report-controls{background:#1b1e22;color:#eef0f2}body.monochrome .report-period-tabs button{background:#25292f;color:#c8cdd2;border-color:#414850}body.monochrome .report-period-tabs button.active{background:#414850;color:#fff;border-color:#7b858f}body.monochrome .report-controls input{background:#141414;color:#eee;border-color:#484848}@media(max-width:900px){.sidebar{display:none}main{margin-left:0}header{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand .brand-mark{width:32px;height:32px;border-radius:9px}.mobile-brand b{font:700 14px Manrope}.content{padding:28px 20px 100px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric.profit{grid-column:1/-1}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.add-desktop{display:none}}@media(max-width:600px){body{background:#f7f6f1}.header-actions .search-button{display:none}.sync-pill{padding:6px 9px}.content{padding:22px 16px calc(100px + env(safe-area-inset-bottom))}.welcome{align-items:flex-start;margin-bottom:19px}.welcome h1{font-size:23px}.welcome p{font-size:12px}.summary-tabs{width:100%;margin-bottom:7px}.summary-tabs button{padding:9px 4px;font-size:11px}.period-caption{margin-bottom:14px;font-size:10px}.month-picker{font-size:0;padding:8px}.month-picker:before{content:"Eyl";font-size:11px}.metric-grid{display:flex;overflow-x:auto;gap:10px;margin:0 -16px 15px;padding:0 16px;scrollbar-width:none}.metric{min-width:70vw;padding:17px 18px}.metric.profit{grid-column:auto}.metric strong{font-size:23px}.dashboard-grid,.lower-grid{gap:14px}.card{padding:18px 16px}.trend-card{overflow-x:auto}.trend-card .card-head{min-width:420px}.monthly-chart{min-width:420px;height:190px}.performance{overflow:hidden}.chart-wrap{height:180px}.chart svg{height:155px}.milk-card{order:-1}.lower-grid{display:flex;flex-direction:column}.transactions{order:2}.bottom-nav{position:fixed;display:flex;inset:auto 0 0;background:#fff;border-top:1px solid #e0e2dc;z-index:8;padding:7px 8px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav button{border:0;background:transparent;color:#8a9490;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;min-width:52px;padding:2px}.bottom-nav button.active{color:var(--green);font-weight:700}.fab{display:grid;place-items:center;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:52px;height:52px;border:0;border-radius:16px;background:var(--green);color:#fff;z-index:7;box-shadow:0 8px 20px #17584b55}.modal-backdrop{align-items:end;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.modal{border-radius:20px 20px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom))}.form-row{grid-template-columns:1fr 1fr}}@media(max-width:900px){.record-row{grid-template-columns:38px 1fr auto 69px}.record-date{display:none}}@media(max-width:600px){.modal{max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;-webkit-overflow-scrolling:touch}.modal input{height:48px;font-size:16px;line-height:1.2}.modal input[type=date],.modal input[type=month]{min-height:48px;padding:8px 10px;font-size:16px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.form-row{grid-template-columns:1fr;gap:0}.confirm-modal{border-radius:20px 20px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.quick-actions{grid-template-columns:1fr}.section-title{align-items:flex-start}.section-title .primary{display:none}.module-stats{grid-template-columns:1fr 1fr}.module-stats article{padding:13px}.module-stats strong{font-size:16px}.month-group-head{align-items:flex-start}.month-group-head>div{display:block}.month-group-head span{display:inline-block;margin-top:5px}.record-row{grid-template-columns:34px minmax(0,1fr) auto 66px;gap:8px}.record-row>strong{font-size:10px}.record-main span{max-width:none;white-space:normal;overflow:visible;line-height:1.35}.choice-grid button{min-height:46px;font-size:12px}.choice-grid.three{grid-template-columns:1fr}.choice-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-suggestions button{min-height:42px;font-size:12px}}@media(max-width:600px){.report-header-button{width:38px;height:38px;padding:0;display:grid;place-items:center}.report-header-button span{display:none}.gallery-modal{height:calc(100dvh - env(safe-area-inset-top));border-radius:18px 18px 0 0;padding:14px}.gallery-stage{height:calc(100dvh - 180px)}.report-modal{max-height:calc(100dvh - env(safe-area-inset-top));border-radius:18px 18px 0 0;padding:12px}.report-controls{padding:15px}.report-period-tabs button{font-size:10px}.report-sheet{padding:22px 18px;min-width:700px}.report-sheet-head{grid-template-columns:42px 1fr auto}.report-sheet-head img{width:42px;height:42px}.report-totals{grid-template-columns:repeat(4,1fr)}}@media print{@page{size:A4;margin:12mm}html,body{background:#fff!important}.app-shell,.gallery-backdrop,.modal-backdrop:not(.report-backdrop){display:none!important}.report-backdrop{position:static!important;display:block!important;background:none!important;padding:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.report-modal{display:block!important;width:100%!important;max-height:none!important;overflow:visible!important;padding:0!important;background:#fff!important;box-shadow:none!important;border-radius:0!important}.report-controls{display:none!important}.report-sheet{display:block!important;padding:0!important;min-width:0!important;min-height:0!important;border-radius:0!important;color:#111!important}.report-sheet-head,.report-totals,.report-sheet tr{break-inside:avoid}.report-sheet table{font-size:8.5pt}.report-sheet th,.report-sheet td{padding:6px}.report-sheet footer{position:running(report-footer)}}@media(max-width:600px){.trend-card{overflow:hidden}.desktop-chart-head,.desktop-monthly-chart{display:none}.mobile-chart-panel{display:block;margin-top:0}.mobile-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-chart-heading h2{font:700 15px Manrope;margin:0 0 3px}.mobile-chart-heading p{font-size:11px;color:#8b9591;margin:0}.mobile-chart-heading button{border:0;border-radius:8px;background:#edf3ef;color:var(--green);padding:8px 10px;font-size:10px;font-weight:800;white-space:nowrap}.mobile-chart-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0 10px;padding:4px;background:#eef0ec;border-radius:10px}.mobile-chart-metrics button{border:0;border-radius:7px;background:transparent;color:#74807c;padding:8px 4px;font-size:11px;font-weight:800}.mobile-chart-metrics button.active{background:#fff;color:var(--green);box-shadow:0 1px 3px #2c43301c}.mobile-chart-detail{background:#f2f6f3;border-radius:11px;padding:12px 13px;margin-bottom:13px}.mobile-chart-detail span{display:block;font-size:10px;color:#73817c;text-transform:capitalize}.mobile-chart-detail strong{display:block;font:800 22px Manrope;color:#263832;margin:2px 0}.mobile-chart-detail small{font-size:10px;color:#7d8883}.mobile-monthly-chart{height:178px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;align-items:end;border-bottom:1px solid #e1e5df;padding:0 2px}.mobile-monthly-chart.expanded{grid-template-columns:repeat(12,minmax(37px,1fr));min-width:520px}.mobile-monthly-chart button{height:100%;border:0;background:transparent;padding:0;display:grid;grid-template-rows:1fr 22px;align-items:end;justify-items:center;color:#7d8883}.mobile-monthly-chart button i{display:block;width:min(26px,70%);min-height:2px;border-radius:5px 5px 0 0;background:#287663;transition:height .22s ease,background .22s ease}.mobile-monthly-chart button i.negative{background:#c07248}.mobile-monthly-chart button.active i{background:#17584b;box-shadow:0 0 0 3px #d8eae2}.mobile-monthly-chart button span{font-size:10px;padding-top:7px;text-transform:capitalize}.mobile-monthly-chart button.active span{font-weight:800;color:#17584b}}.finance-chart.svelte-cqyk00{--plot-income:#237561;--plot-expense:#b8652d;--plot-muted:#64736c;--plot-border:#dce2dc;--plot-surface:#f1f5f2;margin-bottom:18px;min-width:0}.finance-heading.svelte-cqyk00{display:flex;align-items:center;justify-content:space-between;gap:12px}.finance-heading.svelte-cqyk00 h2:where(.svelte-cqyk00){margin:0;font-size:15px}.finance-heading.svelte-cqyk00 p:where(.svelte-cqyk00){margin:5px 0 0;color:var(--plot-muted);font-size:12px}button.svelte-cqyk00{border:1px solid var(--plot-border);background:var(--plot-surface);color:inherit;border-radius:9px;min-height:44px;cursor:pointer;font-size:12px}.range-control.svelte-cqyk00{padding:0 10px}.finance-tabs.svelte-cqyk00{display:flex;gap:8px;margin:16px 0}.finance-tabs.svelte-cqyk00 button:where(.svelte-cqyk00){flex:1}.chosen.svelte-cqyk00{font-weight:700;border-color:var(--plot-income);background:var(--plot-surface);box-shadow:inset 0 -2px var(--plot-income)}.finance-legend.svelte-cqyk00{display:flex;gap:18px;align-items:center;font-size:11px;color:var(--plot-muted)}.finance-legend.svelte-cqyk00 span:where(.svelte-cqyk00){display:flex;align-items:center;gap:6px}.finance-legend.svelte-cqyk00 i:where(.svelte-cqyk00){width:20px;border-top:3px solid var(--plot-income)}.finance-legend.svelte-cqyk00 .expense-key:where(.svelte-cqyk00){border-color:var(--plot-expense);border-top-style:dashed}.finance-legend.svelte-cqyk00 small:where(.svelte-cqyk00){margin-left:auto}svg.svelte-cqyk00{display:block;width:100%;height:auto;margin:14px 0 6px;overflow:visible}text.svelte-cqyk00{fill:var(--plot-muted);font-size:13px}text.selected.svelte-cqyk00{fill:var(--plot-income);font-weight:700}.guide.svelte-cqyk00{stroke:var(--plot-border);stroke-dasharray:3 5}.zero-line.svelte-cqyk00{stroke:var(--plot-muted)}polyline.svelte-cqyk00{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.income-path.svelte-cqyk00{stroke:var(--plot-income)}.expense-path.svelte-cqyk00{stroke:var(--plot-expense);stroke-dasharray:6 5}.income-point.svelte-cqyk00{fill:var(--plot-income)}.expense-point.svelte-cqyk00{fill:var(--plot-expense)}.selection-line.svelte-cqyk00{stroke:var(--plot-muted);stroke-dasharray:3 5;opacity:.6}.month-detail.svelte-cqyk00{border:1px solid var(--plot-border);border-radius:12px;padding:10px 12px;background:var(--plot-surface)}.month-select.svelte-cqyk00{display:flex;align-items:center;justify-content:space-between;gap:8px}.month-select.svelte-cqyk00 b:where(.svelte-cqyk00){font-size:13px;text-transform:capitalize}.month-select.svelte-cqyk00 button:where(.svelte-cqyk00){width:44px;font-size:22px}.month-select.svelte-cqyk00 button:where(.svelte-cqyk00):disabled{opacity:.3;cursor:default}.month-values.svelte-cqyk00{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 4px}.month-values.svelte-cqyk00 span:where(.svelte-cqyk00){display:block;font-size:11px;color:var(--plot-muted)}.month-values.svelte-cqyk00 strong:where(.svelte-cqyk00){display:block;font-size:13px;margin-top:5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.month-buttons.svelte-cqyk00{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:12px}.month-buttons.svelte-cqyk00 button:where(.svelte-cqyk00){text-transform:capitalize;padding:0 2px}body.monochrome .finance-chart.svelte-cqyk00{--plot-income:#e1e4e8;--plot-expense:#9ca4af;--plot-muted:#a8aeb6;--plot-border:#343940;--plot-surface:#23272d}@media(min-width:700px){svg.svelte-cqyk00{max-height:310px}.month-buttons.svelte-cqyk00{grid-template-columns:repeat(12,minmax(0,1fr))}.month-values.svelte-cqyk00 strong:where(.svelte-cqyk00){font-size:17px}}