/* ====== Universal reset ====== */
*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
body{background:#f4f6f8;color:#222;line-height:1.4;}

/* ====== Header hero ====== */
header{background:#0d47a1;color:#fff;text-align:center;padding:0}
header img{width:100%;height:140px;object-fit:cover;opacity:.85}
header h1{position:absolute;top:0;left:0;width:100%;height:140px;
          display:flex;flex-direction:column;justify-content:center;align-items:center;
          font-size:clamp(22px,5vw,32px);text-shadow:0 2px 5px #000}

/* ====== Content wrappers ====== */
main{padding:1rem;display:flex;flex-direction:column;gap:1rem}
.card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 6px #0002}
.card h2{font-size:1.1rem;margin-bottom:.4rem;color:#0d47a1}

/* ====== Forms & buttons ====== */
select,input[type=text],input[type=number]{width:100%;padding:.4rem .5rem;margin:.3rem 0;
        border:1px solid #aaa;border-radius:6px;font-size:1rem}
button{background:#0d47a1;color:#fff;border:none;padding:.5rem .9rem;
       border-radius:6px;font-size:1rem}
button:hover{background:#1565c0;cursor:pointer}

/* ====== Table (admin) ====== */
table{width:100%;border-collapse:collapse;margin:.3rem 0;font-size:.9rem}
th,td{padding:.4rem .3rem;text-align:center}
tr:nth-child(even){background:#f1f4f7}

/* ====== Fixed breaking-news bar (already present) ====== */
#breaking-news{background:#ffebee;color:#c62828;font-weight:700}

#moneyChart { height: 320px; }