:root{
  --snipi-green:#7ea43a;
  --snipi-green-dark:#5f8128;
  --snipi-green-soft:#eef4e6;
  --snipi-yellow:#ead74b;
  --snipi-red:#c93e45;
  --snipi-red-soft:#faecec;
  --snipi-gray:#747d80;
  --snipi-ink:#2f383a;
  --snipi-line:#dfe5d7;
  --snipi-bg:#f6f8f2;
}
body{background:var(--snipi-bg);color:var(--snipi-ink)}
.sidebar{background:#fff;border-right:1px solid var(--snipi-line);box-shadow:4px 0 18px rgba(55,72,35,.04)}
.official-brand{display:block;text-decoration:none;color:inherit;padding:2px 0 16px;border-bottom:1px solid var(--snipi-line);margin-bottom:12px}
.official-brand img{display:block;width:168px;max-width:100%;height:auto;margin:0 auto 4px}
.official-brand small{display:block;text-align:center;color:var(--snipi-gray);font-size:11px;font-weight:600;letter-spacing:.02em}
.nav button{border-left:3px solid transparent}
.nav button:hover,.nav button:focus{background:var(--snipi-green-soft);border-left-color:var(--snipi-green);color:var(--snipi-green-dark)}
.btn{background:var(--snipi-green-dark);border-color:var(--snipi-green-dark)}
.btn:hover{filter:brightness(.96)}
.btn.ghost{background:#fff;color:var(--snipi-green-dark);border-color:#cbd6bd}
.btn.ghost:hover{background:var(--snipi-green-soft)}
.btn.danger{background:var(--snipi-red);border-color:var(--snipi-red)}
.card,.auth-box,.photo-panel{border-color:var(--snipi-line);box-shadow:0 10px 28px rgba(65,83,42,.06)}
.card h2,.section h2{color:#4f692b}
.head h1{color:#334221}
.metric strong{color:var(--snipi-green-dark)}
.pill{background:var(--snipi-green-soft);color:#4f692b;border:1px solid #d8e5ca}
.notice.ok{background:var(--snipi-green-soft);border-color:#cfe0bb;color:#476326}
.notice.bad{background:var(--snipi-red-soft);border-color:#efc7ca;color:#8d2d32}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(126,164,58,.24);border-color:var(--snipi-green)}
.topbar-mobile{background:#fff;border-bottom:1px solid var(--snipi-line)}
.mobile-brand{display:flex;align-items:center;gap:8px}
.mobile-brand img{width:70px;height:auto}
.auth{background:radial-gradient(circle at 20% 10%,rgba(234,215,75,.16),transparent 28%),linear-gradient(145deg,#f9faf6,#eef3e7)}
.auth-box{border-top:4px solid var(--snipi-green)}
.auth-brand{display:flex;justify-content:center;margin:-6px 0 10px}
.auth-brand a{display:block}
.auth-brand img{width:180px;max-width:85%;height:auto}
.audit-filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}
.audit-action{font-weight:700;font-size:12px;white-space:nowrap}
.audit-action.insert{color:#4d7526}.audit-action.update{color:#8a6b08}.audit-action.delete{color:#a62f36}
.audit-fields{font-size:12px;line-height:1.45;color:#526065}
.audit-record{font-weight:600;color:#3f5129}
.audit-id{display:block;font-size:10px;color:#9aa2a3;margin-top:3px;word-break:break-all}
.audit-empty{padding:32px;text-align:center;color:var(--snipi-gray)}
.snipi-source-note{font-size:11px;color:var(--snipi-gray);margin-top:8px}
@media(max-width:900px){
  .audit-filters{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .audit-filters{grid-template-columns:1fr}
}