@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";body{margin:0}:root{--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--surface-color:#ffffffb3;--surface-border:#ffffff80;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f099;--accent-color:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--accent-hover:#4f46e5;--accent-glow:#6366f166;--danger-color:#ef4444;--danger-hover:#dc2626;--chart-line:#8b5cf6;--radius:20px;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-glow:0 0 20px #6366f14d}@media (prefers-color-scheme:dark){:root{--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--surface-color:#1e293b99;--surface-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#33415599;--accent-color:#818cf8;--accent-gradient:linear-gradient(135deg, #818cf8 0%, #c084fc 100%);--accent-hover:#6366f1;--accent-glow:#818cf866;--danger-color:#f87171;--danger-hover:#ef4444;--chart-line:#a78bfa}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;justify-content:center;min-height:100vh;padding:3rem 1.5rem;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .5s;display:flex}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#a855f726 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:fixed;top:-20%;left:-10%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:fixed;bottom:-20%;right:-10%}#root{width:100%;max-width:800px}.app-container{flex-direction:column;gap:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:1rem}h1{letter-spacing:-.05em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800;display:inline-block}.subtitle{color:var(--text-secondary);font-size:1.15rem;font-weight:400}.goal-banner{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem;animation:.5s ease-out slideUp;display:inline-flex}.goal-banner strong{color:var(--accent-color);font-weight:700}form{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);border:1px solid var(--surface-border);box-shadow:var(--shadow-md);flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;transition:transform .3s;display:flex}form:hover{transform:translateY(-2px)}input{border:1px solid var(--border-color);min-width:150px;color:var(--text-primary);background:#ffffff0d;border-radius:14px;outline:none;flex:1;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-glow);background:var(--surface-color)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer;transition:all .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{transform:scale(1.1)}@media (prefers-color-scheme:dark){input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}}button{background:var(--accent-gradient);color:#fff;cursor:pointer;box-shadow:var(--shadow-glow);border:none;border-radius:14px;padding:1rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}button:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}button:hover:after{left:100%}button:hover{box-shadow:0 0 25px var(--accent-glow);transform:translateY(-2px)scale(1.02)}button:active{transform:translateY(1px)}.forms-container{flex-direction:column;gap:2rem;width:100%;display:flex}@media (width>=768px){.forms-container{flex-direction:row}.form-wrapper{flex:1}}.form-wrapper{flex-direction:column;gap:.75rem;display:flex}.form-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;padding-left:.5rem;font-size:.9rem;font-weight:700;display:flex}.form-title:before{content:"";background:var(--accent-gradient);border-radius:50%;width:8px;height:8px;display:inline-block}.goal-form{background:#8b5cf608;border:1px dashed #8b5cf64d}.goal-form .goal-btn{color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:none;background:0 0}.goal-form .goal-btn:hover{background:var(--accent-color);color:#fff;box-shadow:var(--shadow-glow)}.goal-form .remove-goal-btn{color:var(--danger-color);border:2px solid var(--danger-color);box-shadow:none;background:0 0}.goal-form .remove-goal-btn:hover{background:var(--danger-color);color:#fff;box-shadow:0 0 20px #ef44444d}.stats-section{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.stat-card{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent-gradient);opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.stat-card:hover{box-shadow:var(--shadow-md), 0 10px 20px var(--accent-glow);transform:translateY(-5px)}.stat-card:hover:before{opacity:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.stat-value{color:var(--text-primary);letter-spacing:-.03em;background:var(--text-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.chart-container{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;padding:2.5rem 1.5rem 1.5rem 0;transition:all .3s}.chart-container:hover{box-shadow:var(--shadow-md), 0 10px 30px var(--accent-glow)}.empty-state{text-align:center;color:var(--text-secondary);background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:2px dashed var(--border-color);border-radius:var(--radius);padding:5rem 2rem;font-size:1.1rem;font-weight:500}.entries-list{flex-direction:column;gap:1rem;display:flex}.entry-card{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.entry-card:hover{border-color:var(--accent-color);box-shadow:0 5px 15px var(--accent-glow);transform:translate(5px)}.entry-info{align-items:center;gap:2rem;display:flex}.entry-date{color:var(--text-secondary);font-size:.95rem;font-weight:500}.entry-weight{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.entry-weight:before{content:"";background:var(--accent-gradient);border-radius:50%;width:10px;height:10px;display:inline-block}.entry-actions{gap:.5rem;display:flex}.edit-btn{color:var(--accent-color);box-shadow:none;background:#6366f11a;border:none;border-radius:10px;padding:.6rem 1.25rem}.edit-btn:after{display:none}.edit-btn:hover{background:var(--accent-color);color:#fff;box-shadow:0 5px 15px var(--accent-glow);transform:scale(1.05)}.cancel-btn{color:var(--text-secondary);border:2px solid var(--text-secondary);box-shadow:none;background:0 0}.cancel-btn:after{display:none}.cancel-btn:hover{background:var(--text-secondary);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #64748b4d}.delete-btn{color:var(--danger-color);box-shadow:none;background:#ef44441a;border:none;border-radius:10px;padding:.6rem 1.25rem}.delete-btn:after{display:none}.delete-btn:hover{background:var(--danger-color);color:#fff;transform:scale(1.05);box-shadow:0 5px 15px #ef44444d}@media (width<=600px){body{padding:1.5rem 1rem}h1{font-size:2.5rem}form{flex-direction:column;padding:1.5rem}input,button{width:100%}.entry-info{flex-direction:column;align-items:flex-start;gap:.5rem}.entry-card{flex-direction:column;align-items:stretch;gap:1rem}.entry-actions{flex-direction:column;width:100%}.delete-btn,.edit-btn{width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--surface-color);text-align:center;border-radius:var(--radius);width:90%;max-width:400px;box-shadow:var(--shadow-md), 0 20px 40px #0003;padding:2.5rem 2rem}.modal-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.modal-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.5}.modal-actions{justify-content:center;gap:1rem;display:flex}.modal-actions button{width:100%}