:root{
    --blue:#2563eb;
    --green:#16a34a;
    --yellow:#facc15;
    --brown:#7c4a1d;
    --bg:#f8fafc;
    --card:#ffffff;
    --text:#1f2937;
    --muted:#6b7280;
    --radius:14px;
}

*{box-sizing:border-box}

body{
    margin:0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
    background:var(--bg);
    color:var(--text);
}

a{
    color:var(--blue);
    text-decoration:none;
}
a:hover{text-decoration:underline}

h1,h2,h3{
    margin-top:0;
}

input,select,textarea,button{
    width:100%;
    padding:10px 12px;
    border-radius:10px;
    border:1px solid #d1d5db;
    font-size:15px;
}

button{
    background:var(--blue);
    color:#fff;
    border:none;
    cursor:pointer;
}
button:hover{background:#1d4ed8}

.card{
    background:var(--card);
    border-radius:var(--radius);
    padding:24px;
    margin-bottom:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.badge-green{color:var(--green);font-weight:600}
.badge-yellow{color:#92400e;background:var(--yellow);padding:2px 8px;border-radius:6px}