:root{
  --bg:#f3f4f6;
  --card:#ffffff;
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --brand:#3f4226;
  --brand-2:#2f321c;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
}
a{color:inherit; text-decoration:none;}
a:hover{text-decoration:underline;}

.navbar{
  position:sticky;
  top:0;
  z-index:10;
  background:rgba(243,244,246,.9);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid rgba(229,231,235,.9);
}
.nav-inner{
  max-width:1100px;
  margin:0 auto;
  padding:14px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  font-size:20px;
  letter-spacing:-.02em;
}
.brand-badge{
  width:34px;
  height:34px;
  border-radius:999px;
  background:var(--brand);
  display:grid;
  place-items:center;
  color:white;
  font-weight:900;
  line-height:1;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:14px;
  color:var(--muted);
}
.nav-actions{display:flex; align-items:center; gap:10px;}

.container{max-width:1100px; margin:0 auto; padding:24px;}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px;
  margin-bottom:18px;
}

.grid{display:grid; grid-template-columns:1.2fr .8fr; gap:18px;}
@media (max-width: 900px){.grid{grid-template-columns:1fr;}}

h1,h2,h3{margin:0 0 10px;}
h1{font-size:36px; letter-spacing:-.02em;}

p{margin:8px 0; color:var(--muted);}
.small{font-size:13px; color:var(--muted);}

label{font-weight:700; font-size:14px; display:inline-block; margin:0 0 6px;}
input, textarea{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid var(--border);
  background:#fff;
  font:inherit;
}
input:focus, textarea:focus{
  outline:none;
  border-color:#c7c9d1;
  box-shadow:0 0 0 4px rgba(63,66,38,.15);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid transparent;
  background:var(--brand);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
}
.btn:hover{background:var(--brand-2); text-decoration:none;}
.btn.secondary{background:#fff; border-color:var(--border); color:var(--text);}
.btn.secondary:hover{background:#f9fafb;}
.btn.danger{background:#b91c1c;}
.btn.danger:hover{background:#991b1b;}

.actions{display:flex; flex-wrap:wrap; gap:10px; align-items:center;}

table{width:100%; border-collapse:collapse;}
th,td{padding:12px 10px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; font-size:14px;}
th{color:#374151; font-size:13px; text-transform:uppercase; letter-spacing:.04em;}

.pill{display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:999px; border:1px solid var(--border); font-size:12px; color:#374151; background:#fff;}
.pill.ok{border-color:#16a34a; color:#166534; background:#ecfdf5;}
.pill.pending{border-color:#f59e0b; color:#92400e; background:#fffbeb;}
.pill.err{border-color:#ef4444; color:#7f1d1d; background:#fef2f2;}

.flash{border-radius:14px; padding:12px 14px; border:1px solid var(--border); margin-bottom:14px;}
.flash.ok{border-color:#10b981; background:#ecfdf5; color:#065f46;}
.flash.err{border-color:#ef4444; background:#fef2f2; color:#7f1d1d;}

.code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px; background:#111827; color:#fff; padding:2px 6px; border-radius:8px;}

hr{border:0; border-top:1px solid var(--border); margin:16px 0;}

/* Uppy tweaks (keep it subtle) */
.uppy-Dashboard{
  border-radius:16px !important;
  border-color: var(--border) !important;
}