/* Global modern styles */
:root{
  --bg:#f7fafc;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#0ea5e9;
  --radius:10px;
  --max-width:1100px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;background:var(--bg);color:#0f1724}
.container{max-width:var(--max-width);margin:0 auto;padding:20px}
.header{background:linear-gradient(90deg,#fff,#f8fbfd);border-bottom:1px solid rgba(15,23,36,0.04)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.nav a{color:var(--muted);text-decoration:none;margin-left:16px}
.btn{display:inline-block;padding:8px 14px;background:var(--accent);color:#fff;border-radius:8px;border:none;cursor:pointer}
.card{background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:0 6px 18px rgba(15,23,36,0.06)}
h1,h2,h3{margin:0 0 8px}
input,textarea,select,button{font-family:inherit}
/* Utilities */
.row{display:flex;gap:16px;flex-wrap:wrap}
.col{flex:1}
.center{display:flex;align-items:center;justify-content:center}
.muted{color:var(--muted)}
.card-hover{transition:transform .18s ease,box-shadow .18s ease}
.card-hover:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(15,23,36,0.12)}

/* Toast */
.toast{position:fixed;right:20px;bottom:20px;background:#111;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s}
.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:768px){.nav{flex-direction:column;gap:8px}}