:root{
  --bg:#f0f0f0; --surface:#ffffff; --ink:#181818; --ink-soft:#5c5c5c;
  --border:#d8d8d8; --gold:#f0c060; --gold-lt:#f0d878; --gold-dk:#c99a3c;
  --radius:12px; --shadow:0 1px 3px rgba(24,24,24,.08),0 8px 24px rgba(24,24,24,.06);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.55}
a{color:var(--gold-dk);text-decoration:none}
a:hover{color:var(--ink)}
.container{max-width:1120px;margin:0 auto;padding:28px 20px}
.topbar{background:var(--ink);color:var(--bg);padding:12px 20px;display:flex;align-items:center;gap:14px}
.topbar img{height:38px;width:auto}
.topbar .brand{font-weight:700;letter-spacing:.5px}
.topbar .brand span{color:var(--gold)}
h1{font-size:26px;margin:0 0 6px;font-weight:700}
.sub{color:var(--ink-soft);font-size:14px;margin:0 0 26px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
      padding:20px;box-shadow:var(--shadow);display:block;color:inherit;transition:.15s}
a.card:hover{border-color:var(--gold);transform:translateY(-2px)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.stat{font-size:34px;font-weight:700;line-height:1;margin-bottom:4px}
.label{color:var(--ink-soft);font-size:13px;text-transform:uppercase;letter-spacing:.6px}
.accent{border-top:3px solid var(--gold)}
table{width:100%;border-collapse:collapse;background:var(--surface);
      border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
th{background:#fafafa;color:var(--ink-soft);font-size:12px;text-transform:uppercase;letter-spacing:.6px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}
tr:last-child td{border-bottom:none}
tbody tr:hover{background:#fdfaf3}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}
.badge.pending{background:#fdf3dd;color:var(--gold-dk)}
.badge.done{background:#e8f3ec;color:#2f6b45}
.btn{display:inline-block;background:var(--gold);color:var(--ink);font-weight:600;
     padding:9px 18px;border-radius:8px;border:none;cursor:pointer;font-size:14px}
.btn:hover{background:var(--gold-lt);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--bg)}
.btn-dark:hover{background:#000;color:var(--gold)}