:root{--blue:#1246c8;--green:#1f6b3d;--orange:#e4572e;--red:#b42318;--ink:#223128;--muted:#627168;--cream:#fffaf0;--line:#e5dfd2}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fffaf0,#f5faf6);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:1180px;margin:auto;padding:18px}.hero{background:linear-gradient(135deg,#1f4d3a,#2d6a4f);color:#fff;border-radius:28px;padding:28px;margin-bottom:18px;box-shadow:0 14px 38px rgba(31,77,58,.18)}.hero h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,54px);margin:7px 0}.hero p{color:#eef6ef;line-height:1.5}.tag{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 12px;font-weight:800}.card,.stat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 8px 24px rgba(30,60,40,.06)}.card{margin-bottom:18px}.grid2,.grid3{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat span{color:var(--muted)}.stat b{display:block;font-size:1.7rem;color:var(--green);margin-top:5px}.bar{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:999px;border:1px solid transparent;font-weight:800;text-decoration:none;cursor:pointer}.btn-blue{background:var(--blue);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-orange{background:var(--orange);color:#fff}.btn-outline{background:#fff;color:var(--green);border-color:var(--green)}label{display:block;font-weight:800;margin:.85rem 0 .3rem}input,select,textarea{width:100%;padding:12px;border:1px solid #d6ddda;border-radius:14px;font:inherit;background:#fff}.notice,.ok,.error{border-radius:16px;padding:14px 16px;margin:14px 0}.notice{background:#fff7e8;border:1px solid #ead0a8}.ok{background:#eefbea;border:1px solid #b7d9b8}.error{background:#fff0f0;border:1px solid #efb0b0;color:#781d1d}.muted{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}th{background:#f8f5ed}.qr-real{background:#fff;border-radius:24px;padding:20px;display:flex;justify-content:center}.qr-real svg{width:300px;height:300px;max-width:100%}video{width:100%;min-height:260px;background:#111;border-radius:20px;object-fit:cover}.hidden{display:none}.result{padding:14px;border-radius:14px;background:#f4f7f5}.info{border:1px solid #cbd7d0}.good{background:#eefbea;border:1px solid #b7d9b8}.bad{background:#fff0f0;border:1px solid #efb0b0}.scanner-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px}.summary{font-size:1.15rem;line-height:1.65}.total{font-size:2rem;font-weight:900;color:var(--green)}
@media(max-width:800px){.grid2,.grid3{grid-template-columns:1fr}.bar{display:grid}.btn{width:100%}.hero{border-radius:22px}}