:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;border-inline:none;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.landing-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin-top:5vh;display:flex}.logo-container img{width:200px;height:200px}.hero-title,.hero-subtitle{text-align:center;color:#000;margin:0 0 10px}.background{z-index:-1;width:100%;height:auto;position:fixed;top:0;left:0}.background img{filter:blur(10px);object-fit:fill;width:100%;height:10%}.login-card{background:#fff;border-radius:24px;flex-direction:column;gap:18px;width:380px;padding:40px;display:flex;box-shadow:0 20px 40px #00000026}.login-card h2{color:#000;text-align:center;margin:0}.login-subtitle{text-align:center;color:#777;margin:0 0 10px}.login-card input{color:#000;background-color:#fff;border:2px solid #56cec0;border-radius:14px;outline:none;padding:15px;font-size:16px;transition:all .2s}.login-card input:focus{border-color:#56cec0;box-shadow:0 0 8px #409c91}.login-card button{color:#fff;cursor:pointer;background:#345612;border:none;border-radius:14px;margin-top:10px;padding:15px;font-size:17px;font-weight:700;transition:all .2s}.login-card button:hover{background:#47b67c;transform:translateY(-2px)}.signup-link{text-align:center;color:#777;font-size:15px}.signup-link a{color:#4a7df3;margin-left:6px;font-weight:700;text-decoration:none}.signup-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin-top:5vh;display:flex}.signup-card{background:#fff;border-radius:24px;flex-direction:column;gap:18px;width:420px;padding:40px;display:flex;box-shadow:0 20px 40px #00000026}.signup-card h2{color:#000;text-align:center;margin:0}.signup-subtitle{text-align:center;color:#777;margin:0 0 10px}.signup-card input{color:#000;background-color:#fff;border:2px solid #56cec0;border-radius:14px;outline:none;padding:15px;font-size:16px;transition:all .2s}.signup-card input:focus{border-color:#56cec0;box-shadow:0 0 8px #409c91}.signup-card button{color:#fff;cursor:pointer;background:#345612;border:none;border-radius:14px;margin-top:10px;padding:15px;font-size:17px;font-weight:700;transition:all .2s}.signup-card button:hover{background:#47b67c;transform:translateY(-2px)}.login-link{text-align:center;color:#777;font-size:15px}.login-link a{color:#4a7df3;margin-left:6px;font-weight:700;text-decoration:none}.form-message{text-align:center;margin:0;font-size:14px;line-height:1.4}.error-message{color:red}.success-message{color:#345612}.signup-card button:disabled{opacity:.7;cursor:not-allowed;transform:none}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.logo{color:#fff;font-size:32px;font-weight:700}.header-right{align-items:center;gap:14px;display:flex}.profile-button{color:#333;background:#fff;border-radius:999px;padding:12px 22px;font-weight:700;box-shadow:0 6px 16px #0000001f}.logout-button{color:#fff;cursor:pointer;background:#4a7df3;border:none;border-radius:999px;padding:12px 20px;font-weight:700;transition:all .2s;box-shadow:0 6px 16px #0000001f}.logout-button:hover{background:#3a68d4;transform:translateY(-2px)}.welcome-message{color:#fff;margin-bottom:30px;font-size:32px}.pet-home{margin-bottom:35px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:30px;margin-bottom:35px;display:grid}.card{background:#fff;border-radius:24px;padding:30px;box-shadow:0 15px 35px #0000001f}.card h2{color:#333;margin-top:0}.expense-section{margin-bottom:35px}@media (width<=900px){.dashboard{padding:20px}.dashboard-header{text-align:center;flex-direction:column;gap:20px}.header-right{flex-direction:column;width:100%}.profile-button,.logout-button{text-align:center;width:100%}.dashboard-grid{grid-template-columns:1fr}}.pet-card{-webkit-backdrop-filter:blur(10px);text-align:center;background:#ffffffe0;border-radius:25px;margin-bottom:30px;padding:22px 28px;box-shadow:0 10px 30px #1a5a782e}.pet-image{margin-bottom:10px;font-size:90px}.pet-card h2{color:#333;margin:12px 0 2px;font-size:2rem}.pet-card p{color:#666;margin:6px 0}.pet-level{color:#fff;background:#4fd3d9;border-radius:20px;margin:8px 0 12px;padding:6px 14px;font-weight:700;display:inline-block}.mood-bar{background:#e6e6e6;border-radius:20px;height:20px;margin-top:20px;overflow:hidden}.mood-fill{background:#58c78d;border-radius:20px;height:100%;transition:width .4s}.pet-error-message{color:#d64545;margin-bottom:15px;font-size:14px}.pet-loading-message{color:#666;margin-bottom:15px;font-size:14px}.logo-container{flex-direction:column;align-items:center;display:flex}.logo-container img{width:170px;height:auto;animation:5s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.expense-card{-webkit-backdrop-filter:blur(10px);background:#ffffffe0;border-radius:24px;margin-bottom:30px;padding:30px;box-shadow:0 15px 35px #0000001f}.expense-card h2{color:#333;margin-top:0}.expense-card h3{color:#333;margin-top:24px;margin-bottom:12px}.expense-card form{flex-direction:column;gap:14px;display:flex}.expense-card input,.expense-card select{box-sizing:border-box;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:14px;font-size:16px;transition:all .2s}.expense-card input:focus,.expense-card select:focus{border-color:#58c78d;outline:none;box-shadow:0 0 8px #58c78d40}.expense-card button{color:#fff;cursor:pointer;background:#53c9a8;border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.expense-card button:hover{background:#47b67c;transform:translateY(-2px)}.expense-card button:disabled{opacity:.7;cursor:not-allowed;transform:none}.expense-card hr{border:none;border-top:1px solid #e5e7eb;margin:28px 0 8px}.expense-error-message{color:#d64545;margin:0 0 14px;font-size:14px}.expense-success-message{color:#2e9c62;margin:0 0 14px;font-size:14px}.expense-list{margin:0;padding:0;list-style:none}.expense-item{border-bottom:1px solid #eee;padding:16px 0}.expense-item:last-child{border-bottom:none}.expense-item-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.expense-category{color:#333;font-weight:600}.expense-amount{color:#4a7df3;font-weight:700}.expense-item-bottom{color:#777;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:14px;display:flex}.expense-description{flex:1}.expense-date{white-space:nowrap}.expense-manage-row{flex-wrap:wrap;gap:10px;display:flex}.expense-manage-button{border-radius:10px!important;width:auto!important;margin-top:0!important;padding:10px 16px!important;font-size:14px!important}.manage-button{background:#53c9a8!important}.manage-button:hover{background:#47b67c!important}.edit-button{background:#58c78d!important}.edit-button:hover{background:#47b67c!important}.delete-button{background:#e05252!important}.delete-button:hover{background:#c94343!important}.cancel-button{background:#9ca3af!important}.cancel-button:hover{background:#858c97!important}.expense-edit-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.expense-action-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.expense-save-button,.expense-cancel-button{border-radius:10px!important;width:auto!important;margin-top:0!important;padding:12px 18px!important;font-size:14px!important}.expense-save-button{background:#58c78d!important}.expense-save-button:hover{background:#47b67c!important}.expense-cancel-button{background:#9ca3af!important}.expense-cancel-button:hover{background:#858c97!important}.chat-card{-webkit-backdrop-filter:blur(10px);background:#ffffffe0;border-radius:24px;padding:30px;box-shadow:0 15px 35px #0000001f}.chat-card h2{color:#333;margin-top:0;margin-bottom:8px}.chat-box{color:#333;background:#fff;border-radius:15px;min-height:150px;margin:20px 0 14px;padding:18px;line-height:1.5;overflow-y:auto}.chat-form{flex-direction:column;gap:12px;display:flex}.chat-form input{box-sizing:border-box;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:14px;font-size:15px;transition:all .2s}.chat-form input:focus{border-color:#58c78d;outline:none;box-shadow:0 0 8px #58c78d40}.chat-form button{color:#fff;cursor:pointer;background:#53c9a8;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.chat-form button:hover{background:#47b67c;transform:translateY(-2px)}.chat-form button:disabled{opacity:.7;cursor:not-allowed;transform:none}.chat-error-message{color:#d64545;margin:0 0 12px;font-size:14px;line-height:1.4}.stats-card{-webkit-backdrop-filter:blur(10px);background:#ffffffe0}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;display:grid}.stat-box{text-align:center;background:#fff;border-radius:18px;padding:25px;transition:all .25s}.stat-box:hover{transform:translateY(-4px)}.stat-box h3{color:#4a7df3;margin:0;font-size:30px}.stat-box p{color:#666;margin-top:10px}.stats-error-message{color:#d64545;margin:0 0 14px;font-size:14px}.stats-success-message{color:#2e9c62;margin:0 0 14px;font-size:14px}.stats-form{border-top:1px solid #e5e7eb;flex-direction:column;gap:14px;margin-top:28px;padding-top:24px;display:flex}.stats-form h3{color:#333;margin:0}.stats-form input{box-sizing:border-box;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:14px;font-size:16px;transition:all .2s}.stats-form input:focus{border-color:#58c78d;outline:none;box-shadow:0 0 8px #58c78d40}.stats-form button{color:#fff;cursor:pointer;background:#53c9a8;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.stats-form button:hover{background:#47b67c;transform:translateY(-2px)}.stats-form button:disabled{opacity:.7;cursor:not-allowed;transform:none}