:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20191d;background:#fff7fb;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;--pink: #d9528e;--pink-dark: #b93670;--pink-light: #f6c5dc;--pink-soft: #fff0f7;--aqua: #5ccbd2;--aqua-dark: #177781;--aqua-soft: #e3f8f9;--ink: #20191d;--surface: #ffffff;--background: #fff7fb;--border: #eadde4;--muted: #74666d;--danger: #a33d4a;--danger-soft: #fff0f1;--shadow: 0 12px 34px rgba(91, 51, 70, .1);--shadow-soft: 0 5px 18px rgba(91, 51, 70, .06)}*{box-sizing:border-box}html{background:var(--background)}body{margin:0;width:100%;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 100% 0,rgba(246,197,220,.38),transparent 23rem),linear-gradient(180deg,#fffafd 0%,var(--background) 100%)}#root{width:100%;min-height:100vh;min-height:100dvh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.75rem,7vw,2.25rem);line-height:1.08;letter-spacing:-.04em}h2{font-size:1.1rem}.paw-mark{position:relative;display:inline-block;width:30px;height:28px;color:currentColor}.paw-mark>span{position:absolute;display:block;background:currentColor}.paw-mark__toe{width:7px;height:9px;border-radius:50%}.paw-mark__toe--one{left:1px;top:9px;transform:rotate(-28deg)}.paw-mark__toe--two{left:8px;top:2px;height:10px;transform:rotate(-10deg)}.paw-mark__toe--three{right:8px;top:2px;height:10px;transform:rotate(10deg)}.paw-mark__toe--four{right:1px;top:9px;transform:rotate(28deg)}.paw-mark__pad{left:8px;bottom:1px;width:14px;height:14px;border-radius:58% 58% 48% 48%/68% 68% 42% 42%}.paw-mark--header{width:28px;height:26px;color:var(--pink-dark);transform:scale(.82);transform-origin:left center}.paw-mark--nav{width:25px;height:22px;transform:scale(.65);margin:-4px 0 -1px}.paw-mark--login{color:var(--ink);transform:scale(1.35)}.paw-mark--welcome{color:var(--ink);transform:scale(1.25)}.paw-mark--action{color:var(--pink-dark);transform:scale(.76)}.paw-mark--empty{color:var(--pink);transform:scale(1.05);margin-bottom:13px}.app-shell{min-height:100vh;min-height:100dvh}.topbar{position:sticky;top:0;z-index:20;height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(234,221,228,.9)}.topbar__inner{width:min(100%,720px);height:64px;margin:auto;padding:0 16px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.brand-name{justify-self:center;display:flex;flex-direction:column;align-items:center;line-height:1}.brand-name strong{color:var(--ink);font-size:.79rem;font-weight:900;letter-spacing:.105em}.brand-name small{margin-top:4px;color:var(--pink-dark);font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.logout-button{min-height:44px;border:0;background:transparent;color:var(--muted);padding:0;font-size:.78rem;font-weight:800;cursor:pointer}.icon-button{width:42px;height:42px;border:0;border-radius:50%;background:var(--pink-soft);color:var(--pink-dark);font-size:1.35rem;cursor:pointer}.main-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.page{width:min(100%,680px);margin:0 auto;padding:22px 16px 38px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:20px}.eyebrow{display:block;margin-bottom:7px;color:var(--pink-dark);font-size:.68rem;font-weight:900;letter-spacing:.14em}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;height:calc(72px + env(safe-area-inset-bottom));padding:6px max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(3,1fr);background:#fffffff7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);box-shadow:0 -5px 22px #5b33460f}.bottom-nav a{min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:15px;color:#7a6d73;text-decoration:none;font-size:.7rem;font-weight:800}.bottom-nav a.active{color:var(--pink-dark);background:var(--pink-soft)}.nav-icon{min-height:20px;display:grid;place-items:center;font-size:1.13rem;line-height:1;font-weight:900}.button{min-height:52px;border:0;border-radius:15px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:850;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.button:active{transform:scale(.98)}.button:disabled{opacity:.58;cursor:wait}.button--primary{color:#fff;background:var(--pink-dark);box-shadow:0 8px 18px #b9367033}.button--primary:hover{background:#a92e63}.button--secondary{color:var(--pink-dark);background:var(--pink-soft);border:1px solid var(--pink-light)}.button--full{width:100%}.button--compact{min-height:44px;padding:0 16px;white-space:nowrap}.button--income{color:#11383c;background:var(--aqua)}.button--expense{color:#fff;background:var(--pink-dark)}.login-page{width:100%;min-height:100vh;min-height:100dvh;padding:18px;display:grid;place-items:center;background:linear-gradient(160deg,#f9c9df,#f5a7ca 46%,#84dbe0)}.login-card{width:min(100%,390px);overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:28px;background:var(--surface);box-shadow:0 24px 60px #4f1e3638}.login-identity{position:relative;overflow:hidden;min-height:166px;padding:27px 20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--pink-light);color:var(--ink)}.login-identity:before,.login-identity:after{content:"";position:absolute;width:86px;height:86px;opacity:.28;background:radial-gradient(circle at 50% 68%,white 0 15%,transparent 16%),radial-gradient(circle at 23% 35%,white 0 8%,transparent 9%),radial-gradient(circle at 43% 15%,white 0 9%,transparent 10%),radial-gradient(circle at 64% 18%,white 0 9%,transparent 10%),radial-gradient(circle at 82% 38%,white 0 8%,transparent 9%)}.login-identity:before{left:-20px;top:8px;transform:rotate(-22deg)}.login-identity:after{right:-22px;bottom:-8px;transform:rotate(21deg)}.login-emblem{position:relative;z-index:1;width:66px;height:66px;margin-bottom:12px;display:grid;place-items:center;border:4px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 5px #20191d1f}.login-identity p{position:relative;z-index:1;margin:0;font-size:1.03rem;font-weight:950;letter-spacing:.12em}.login-identity small{position:relative;z-index:1;margin-top:4px;font-size:.7rem;font-weight:750}.login-body{padding:27px 22px 24px}.login-body h1{text-align:center;font-size:1.45rem;font-weight:950;letter-spacing:.1em}.login-subtitle{margin:7px 0 25px;text-align:center;color:var(--muted);font-size:.86rem}.form-stack,.record-form,.form-section{display:flex;flex-direction:column;gap:18px}label,fieldset legend{color:#453940;font-size:.86rem;font-weight:800}input,textarea,select{width:100%;min-height:52px;margin-top:7px;border:1px solid #dacbd3;border-radius:14px;padding:12px 14px;color:var(--ink);background:#fff;outline:none;transition:border-color .12s,box-shadow .12s}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 4px #d9528e21}.required{color:var(--danger)}.status-message{padding:13px 14px;border-radius:12px;font-size:.84rem;line-height:1.45}.status-message--error{color:#7c2f39;background:var(--danger-soft);border:1px solid #f2cbd0}.status-message--success{color:#155e65;background:var(--aqua-soft);border:1px solid #b9e9ec}.center-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.spinner{width:34px;height:34px;border:3px solid var(--pink-light);border-top-color:var(--pink-dark);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome{position:relative;overflow:hidden;min-height:142px;margin:0 0 18px;padding:21px 20px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:15px;border-radius:23px;background:var(--pink-light);box-shadow:var(--shadow-soft)}.welcome:after{content:"";position:absolute;right:-38px;top:-52px;width:130px;height:130px;border:23px solid rgba(255,255,255,.35);border-radius:50%}.welcome__mark{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:#fff}.welcome>div:last-child{position:relative;z-index:1}.welcome .eyebrow{color:#7e214c}.welcome h1{max-width:260px;font-size:clamp(1.5rem,6.6vw,1.9rem)}.home-actions{display:grid;gap:11px}.home-action{min-height:86px;padding:14px 15px;display:grid;grid-template-columns:50px 1fr 18px;align-items:center;gap:13px;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-soft);text-decoration:none}.home-action--accent{color:#fff;border-color:var(--ink);background:var(--ink)}.home-action__icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:var(--pink-soft);color:var(--pink-dark);font-size:1.35rem;font-weight:800}.home-action--accent .home-action__icon{color:var(--ink);background:var(--aqua)}.home-action--accent .paw-mark--action{color:var(--ink)}.home-action strong{display:block;font-size:1rem}.home-action small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}.home-action--accent small{color:#e7dfe3}.home-action b{color:var(--pink);font-size:1.45rem;font-weight:500}.home-action--accent b{color:var(--aqua)}.mini-summary{margin-top:18px;padding:18px 4px 4px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--border)}.mini-summary div+div{padding-left:16px;border-left:1px solid var(--border)}.mini-summary span{display:block;min-height:32px;color:var(--muted);font-size:.72rem;line-height:1.3}.mini-summary strong{display:block;margin-top:4px;color:var(--ink);font-size:1.15rem}.search-field{height:54px;margin-bottom:18px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:15px;background:#fff;color:var(--pink-dark);box-shadow:var(--shadow-soft)}.search-field input{min-height:0;height:52px;margin:0;padding:0;border:0;box-shadow:none;background:transparent}.search-field input:focus{box-shadow:none}.card-list{display:grid;gap:11px}.animal-card{position:relative;min-height:130px;padding:18px 44px 17px 17px;display:flex;flex-direction:column;justify-content:space-between;gap:17px;border:1px solid var(--border);border-left:5px solid var(--pink);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft);text-decoration:none}.animal-card h2{margin-bottom:4px;font-size:1.13rem}.animal-card p{margin:0;color:var(--muted);font-size:.82rem}.animal-card__responsible span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.animal-card__responsible strong{display:block;margin-top:3px;font-size:.85rem}.card-arrow{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--pink-dark);font-size:1.55rem}.list-loading{padding:34px 0;text-align:center;color:var(--muted)}.empty-state{padding:44px 20px;text-align:center;color:var(--muted)}.empty-state h2{margin-bottom:7px;color:#4c3f45}.empty-state p{max-width:310px;margin:auto;font-size:.85rem;line-height:1.5}.balance-card{position:relative;overflow:hidden;margin-bottom:13px;padding:25px 21px;border:2px solid var(--ink);border-radius:21px;color:var(--ink);background:var(--aqua);box-shadow:7px 7px #20191d1f}.balance-card:after{content:"";position:absolute;width:150px;height:150px;right:-74px;top:-82px;border:25px solid rgba(255,255,255,.25);border-radius:50%}.balance-card span{display:block;margin-bottom:8px;font-size:.68rem;font-weight:900;letter-spacing:.14em}.balance-card strong{font-size:clamp(1.85rem,9vw,2.6rem);letter-spacing:-.045em}.split-actions{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.section-title{margin:30px 0 14px;font-size:1rem}.transaction-list{display:grid;gap:10px}.transaction-card{padding:15px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-soft)}.transaction-sign{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:950}.transaction-sign.income{color:#115b63;background:var(--aqua-soft)}.transaction-sign.expense{color:var(--pink-dark);background:var(--pink-soft)}.transaction-main{min-width:0}.transaction-main>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.transaction-main time{color:var(--muted);font-size:.73rem}.transaction-main p{margin:5px 0 8px;overflow-wrap:anywhere;color:var(--muted);font-size:.79rem}.transaction-amount{display:block;color:var(--ink);font-size:.97rem}.record-form{gap:14px}.form-section{padding:19px 16px;gap:17px;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-soft)}.form-section h2{margin:0;padding-bottom:13px;border-bottom:2px solid var(--pink-soft);color:var(--pink-dark);font-size:.92rem}.form-row{display:grid;grid-template-columns:1fr;gap:17px}.choice-field{margin:0;padding:0;border:0}.choice-field legend{margin-bottom:8px}.segmented-control{display:grid;grid-template-columns:.8fr .8fr 1.4fr;padding:4px;border:1px solid var(--border);border-radius:14px;background:#faf5f8}.segmented-control label{cursor:pointer}.segmented-control input{position:absolute;width:1px;height:1px;opacity:0}.segmented-control span{min-height:42px;display:grid;place-items:center;border-radius:10px;color:var(--muted);font-size:.76rem}.segmented-control input:checked+span{color:var(--pink-dark);background:#fff;box-shadow:0 3px 9px #5b33461a}.money-input{position:relative;display:block}.money-input>span{position:absolute;z-index:2;left:14px;top:50%;transform:translateY(-38%);color:var(--muted);font-weight:850}.money-input input{padding-left:34px;font-size:1.08rem;font-weight:750}.form-note{margin:0 5px;color:var(--muted);font-size:.77rem;line-height:1.45}.sticky-submit{position:sticky;z-index:10;bottom:calc(80px + env(safe-area-inset-bottom));margin-top:4px;box-shadow:0 9px 26px #5b334640}.animal-title{display:flex;align-items:center;gap:15px;margin:3px 0 20px}.animal-avatar{flex:0 0 62px;height:62px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--pink-light);font-size:1.5rem;font-weight:950}.animal-title h1{font-size:1.85rem}.animal-title p{margin:4px 0 0;color:var(--muted);font-size:.82rem}.detail-card{margin-top:14px;padding:19px 16px;border:1px solid var(--border);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-soft)}.detail-card>h2{padding-bottom:13px;border-bottom:2px solid var(--pink-soft)}.detail-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.detail-item{min-width:0;padding:13px 0;border-bottom:1px solid #f0e7ec}.detail-item--wide{grid-column:1 / -1;border-bottom:0}.detail-item dt{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.detail-item dd{margin:5px 0 0;overflow-wrap:anywhere;font-size:.86rem;font-weight:750;white-space:pre-wrap}.detail-item a{color:var(--pink-dark)}.visits-section{margin-top:30px}.section-heading h2{margin-bottom:15px;font-size:1.27rem}.visit-list{margin-top:13px;display:grid;gap:12px}.visit-card{position:relative;padding:18px 16px;border:1px solid var(--border);border-left:5px solid var(--aqua);border-radius:17px;background:var(--surface);box-shadow:var(--shadow-soft)}.visit-card time{color:var(--pink-dark);font-size:.73rem;font-weight:850}.visit-card h3{margin:7px 0 14px;font-size:1rem}.visit-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.visit-card dl div{min-width:0}.visit-card dt{color:var(--muted);font-size:.68rem}.visit-card dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:.81rem;font-weight:750}.visit-details{margin-top:14px;padding-top:12px;border-top:1px solid #eee4e9}.visit-details strong{color:var(--muted);font-size:.69rem}.visit-details p{margin:5px 0 0;white-space:pre-wrap;font-size:.82rem;line-height:1.5}@media(max-width:359px){.page{padding-left:13px;padding-right:13px}.welcome{padding-left:16px;padding-right:16px;grid-template-columns:48px 1fr;gap:12px}.welcome__mark{width:48px;height:48px}.home-action{grid-template-columns:46px 1fr 14px;padding-left:12px;padding-right:12px;gap:10px}.home-action__icon{width:46px;height:46px}.segmented-control span{font-size:.7rem}}@media(min-width:560px){.page{padding:28px 24px 42px}.form-row{grid-template-columns:1fr 1fr}.animal-card{min-height:108px;flex-direction:row;align-items:center}.animal-card__responsible{min-width:190px}.transaction-card{grid-template-columns:40px minmax(0,1fr) auto;align-items:center}.transaction-amount{text-align:right}}@media(min-width:760px){.bottom-nav{left:50%;right:auto;width:520px;bottom:14px;transform:translate(-50%);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.main-content{padding-bottom:105px}.sticky-submit{bottom:102px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}