*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#111;color:#f5f5f5;line-height:1.5}#root{max-width:960px;margin:0 auto;padding:2rem 1rem}h1{text-align:center;color:#646cff;margin-bottom:2rem;font-size:2.2rem}.goal-form,.deposit-form{background:#1a1a1a;padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 4px 12px #0000004d}.goal-form h2,.deposit-form h2{color:#646cff;margin-bottom:.75rem}.goal-form label,.deposit-form label{display:block;margin:.5rem 0 .25rem;font-size:.9rem;color:#c7c7c7}.goal-form input,.goal-form select,.deposit-form input[type=number]{width:100%;padding:.6rem .75rem;margin-bottom:1rem;border:1px solid #333;border-radius:4px;background:#242424;color:#f5f5f5}.goal-form button,.deposit-form button{background:#646cff;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:4px;cursor:pointer;transition:background .2s}.goal-form button:hover,.deposit-form button:hover{background:#535bf2}.goal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.goal-item{background:#1a1a1a;border-radius:8px;padding:1.25rem;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:.75rem}.goal-header{display:flex;justify-content:space-between;align-items:center}.goal-header h3{font-size:1.2rem;color:#fff}.goal-category{font-size:.75rem;background:#646cff;color:#fff;padding:.2rem .5rem;border-radius:12px}.goal-deadline{font-size:.9rem;color:#c7c7c7}.goal-amounts{display:flex;justify-content:space-between;font-size:.9rem;color:#c7c7c7}.goal-actions{display:flex;gap:.5rem;margin-top:.5rem}.deposit-btn,.delete-btn{flex:1;padding:.5rem 0;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.deposit-btn{background:#28a745;color:#fff}.deposit-btn:hover{background:#218838}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.progress-bar{width:100%;height:10px;background:#333;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#646cff,#535bf2);color:#fff;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:width .3s}.goal-overview{background:#1a1a1a;padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 4px 12px #0000004d}.goal-overview h2{color:#646cff;margin-bottom:.75rem}.goal-overview ul{list-style:none}.goal-overview li{margin-bottom:.5rem;color:#c7c7c7}.overdue{color:#ff6464;font-weight:700}.warning{color:#ffbf00;font-weight:700}.loading,.error{text-align:center;margin:2rem 0;font-size:1.2rem}.error{color:#ff6464}