:root { --amber:#F4A300; --amber-d:#b8860b; --line:#e5e5e5; --grey:#777; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Arial, sans-serif; margin:0; color:#222; background:#fafafa; }
main { max-width: 1200px; margin: 0 auto; padding: 20px; }
a { color: var(--amber-d); }
.top { display:flex; align-items:center; gap:20px; padding:10px 20px; background:#fff;
  border-bottom:2px solid var(--amber); }
.top nav { display:flex; gap:16px; } .top nav a { text-decoration:none; font-weight:600; }
.top .user { margin-left:auto; color:var(--grey); font-size:13px; }
h1,h2,h3 { color:#1a1a1a; }
.muted { color: var(--grey); font-weight: normal; font-size: 14px; }
.small { font-size: 12px; }
table { border-collapse: collapse; width:100%; background:#fff; margin:12px 0; font-size:13px; }
th,td { border:1px solid var(--line); padding:6px 9px; text-align:left; }
th { background:#fff7e6; } td.r, th.r { text-align:right; }
.filters { display:flex; flex-wrap:wrap; gap:8px; align-items:center; background:#fff;
  padding:12px; border:1px solid var(--line); border-radius:8px; }
.filters select, .filters input { padding:6px; border:1px solid #ccc; border-radius:6px; }
button, .btn { background:var(--amber); color:#111; border:none; padding:8px 14px; border-radius:6px;
  cursor:pointer; font-weight:600; text-decoration:none; display:inline-block; }
.btn-sec { background:#eee; color:#333; padding:8px 12px; border-radius:6px; text-decoration:none; }
button.mini, .mini { font-size:12px; padding:4px 8px; }
button.danger, .danger { background:#e5534b; color:#fff; }
.fase { background:#eef3ff; border:1px solid #cdd9f5; border-radius:12px; padding:2px 8px; font-size:12px; }
.ok { color:#1a7f37; } .error { color:#c1121f; }
.card { background:#fff; border:1px solid var(--line); border-radius:10px; padding:18px; margin:12px 0; }
.card.login { max-width:440px; margin:8vh auto; }
.login input[type=email] { width:100%; padding:10px; margin:8px 0; border:1px solid #ccc; border-radius:6px; }
.devbox { background:#fffbe6; border:1px dashed var(--amber); padding:10px; margin-top:12px; word-break:break-all; }
.cols { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.card label { display:block; margin:8px 0; font-size:13px; font-weight:600; }
.card input, .card select, .card textarea { width:100%; padding:7px; border:1px solid #ccc; border-radius:6px;
  font-weight:normal; }
.timeline { list-style:none; padding:0; } .timeline li { border-left:3px solid var(--amber); padding:6px 10px; margin:6px 0; }
@media(max-width:800px){ .cols{grid-template-columns:1fr;} }