:root{
  --green:#1f3b2c;
  --ink:#111;
  --muted:#555;
  --card-border:#222;
  --soft:#f3f6f4;
  --header-overlay: rgba(0,0,0,.45);
}
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;}
a{color:inherit;}
.container{max-width:1020px;margin:0 auto;padding:18px 18px 0;}
.banner{position:relative;height:260px;border-radius:16px;overflow:hidden;background:#000;}
.banner img{width:100%;height:100%;object-fit:cover;display:block;}
.banner .overlay{position:absolute;inset:0;background:var(--header-overlay);}
.banner .title{position:absolute;left:22px;right:22px;bottom:18px;color:#fff;}
.banner h1{margin:0;font-size:30px;line-height:1.1;}
.banner .subtitle{margin-top:8px;font-size:14.5px;opacity:.95;}
.badge{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:var(--green);color:#fff;font-weight:700;margin-top:14px;}
.toolbar{display:flex;gap:10px;margin:16px 0 8px;flex-wrap:wrap;align-items:center;}
.btn{appearance:none;border:1px solid #222;background:#fff;padding:9px 12px;border-radius:10px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;}
.btn.primary{background:var(--green);color:#fff;border-color:var(--green);}
.btn:active{transform:translateY(1px);}
.grid{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;margin-top:12px;}
@media (max-width:860px){.grid{grid-template-columns:1fr;}}
.card{border:1px solid var(--card-border);border-radius:14px;background:#fff;overflow:hidden;}
.card .card-h{padding:12px 14px;font-weight:800;color:var(--green);}
.card .card-b{padding:12px 14px 14px;}
.photo{width:100%;height:225px;border-radius:12px;border:1px solid #222;overflow:hidden;background:#f0f0f0;}
.photo img{width:100%;height:100%;object-fit:cover;display:block;}
.kv{display:grid;grid-template-columns:1fr;gap:6px;font-size:14px;}
.kv b{color:var(--green);}
.table{width:100%;border-collapse:collapse;font-size:13px;}
.table thead th{text-align:left;background:#e6efe9;color:var(--green);padding:8px 10px;border:1px solid #ccc;}
.table td{padding:8px 10px;border:1px solid #ccc;vertical-align:top;}
.progress{display:flex;flex-direction:column;gap:8px;}
.progress img{width:100%;height:auto;border-radius:10px;border:1px solid #222;background:#fff;}
.footer{margin-top:18px;background:var(--soft);border-top:1px solid #ddd;}
.footer .inner{max-width:1020px;margin:0 auto;padding:14px 18px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.qr{display:flex;align-items:center;gap:10px;}
.qr img{width:70px;height:70px;border:1px solid #ddd;background:#fff;}
.small{font-size:12px;color:var(--muted);}
.note{font-size:12px;color:var(--muted);}
.editable[contenteditable="true"]{outline:2px dashed rgba(31,59,44,.45);outline-offset:4px;border-radius:6px;}