body{font-family:Arial,Helvetica,sans-serif;background:#f6f7fb;color:#222;margin:0;padding:20px}
.container{max-width:900px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.06)}
.header{display:flex;justify-content:space-between;align-items:center}
.grid{display:flex;gap:12px;margin:20px 0}
.btn{display:inline-block;padding:14px 18px;background:#2e8b57;color:#fff;text-decoration:none;border-radius:8px}
.btn.large{flex:1;font-size:16px}
.btn.green{background:#117a37}
.small-muted{font-size:12px;color:#e9f5ee;display:block;margin-top:6px}
.upload{margin:18px 0;text-align:left}
.row{display:flex;gap:12px;justify-content:center;margin-top:12px}
.link{display:inline-block;margin:6px 12px;color:#117a37;text-decoration:none}
.footer{text-align:center;color:#666;margin-top:18px}

/* scanner overlay */
.viewport{position:relative;overflow:hidden;border-radius:8px;background:#00000010;min-height:320px}
.viewport video{width:100%;height:auto;display:block}
.scan-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;height:46%;pointer-events:none;border-radius:8px}
.scan-overlay .corner{position:absolute;width:30px;height:30px;border:4px solid rgba(46,139,87,0.95);border-radius:4px;box-sizing:border-box}
.scan-overlay .corner.tl{left:-4px;top:-4px;border-right:none;border-bottom:none}
.scan-overlay .corner.tr{right:-4px;top:-4px;border-left:none;border-bottom:none}
.scan-overlay .corner.bl{left:-4px;bottom:-4px;border-right:none;border-top:none}
.scan-overlay .corner.br{right:-4px;bottom:-4px;border-left:none;border-top:none}
.scan-hint{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);background:rgba(255,255,255,0.9);padding:6px 10px;border-radius:6px;font-weight:600;color:#333}
.last-scanned{margin-top:12px;padding:10px;border-radius:6px;background:#f1f9f6;border:1px solid #e6f3ea}
.badge{display:inline-block;padding:6px 10px;border-radius:6px;font-weight:bold}
.badge.green{background:#e6f9ed;color:#0b6b3a}
.badge.red{background:#ffeaea;color:#7a2020}