/* Basic styles for Felosy */
:root{--bg:#f7f9fc;--card:#ffffff;--accent:#2b7cff;--muted:#6b7280}
*{box-sizing:border-box}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:#0f172a;margin:0}
.container{max-width:900px;margin:28px auto;padding:20px}
.site-header{background:linear-gradient(90deg, #2b7cff22, #7dd3fc22);padding:28px;text-align:center;border-bottom:1px solid #e6eefc}
.site-header h1{margin:0;font-size:28px}
.tag{margin:6px 0 0;color:var(--muted)}
.links{display:flex;gap:16px;justify-content:space-between;margin:22px 0;align-items:center}
.links .lead{margin:0 0 8px 0;text-align:center;flex-basis:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;flex:1;min-width:180px;padding:14px 18px;border-radius:10px;text-decoration:none;color:var(--accent);border:1px solid transparent;background:transparent;font-size:1.05rem;font-weight:600}
.btn.primary{background:var(--accent);color:#fff;border-color:transparent}
.tracker{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 4px 14px rgba(11,20,50,0.04)}
.form{display:flex;gap:10px;flex-wrap:wrap}
.form input{padding:10px;border-radius:8px;border:1px solid #e6eefc;flex:1;min-width:120px}
.form button{padding:10px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff}
.summary{margin-top:12px;font-weight:600}
.expenses{list-style:none;padding:0;margin:12px 0}
.expenses li{display:flex;justify-content:space-between;padding:10px;border-radius:8px;border:1px solid #eef4ff;margin-bottom:8px;align-items:center}
.expenses .meta{color:var(--muted);font-size:13px}
.remove{background:#fee2e2;color:#b91c1c;padding:6px 8px;border-radius:6px;border:none}
.footer{text-align:center;color:var(--muted);padding:20px;margin-top:12px}
@media(max-width:640px){
	.form{flex-direction:column}
	.links{flex-direction:column;align-items:stretch}
	.btn{min-width:unset;width:100%}
}