.container.enter-mapping-id[data-v-ff4b3b6e]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.input[data-v-ff4b3b6e]{margin:1.5rem 0 1rem 0;padding:.8rem 1.2rem;font-size:1.1rem;border-radius:8px;border:1px solid #ccc;width:260px;max-width:90vw}.button[data-v-ff4b3b6e]{padding:1rem 2rem;font-size:1.1rem;border-radius:8px;border:none;cursor:pointer}.button-primary[data-v-ff4b3b6e]{background:#4caf50;color:#fff}.error-msg[data-v-ff4b3b6e]{color:red;margin-top:10px;font-size:.95rem}.mapping-id-info[data-v-a58b3218]{margin-top:16px;background:#f5f5f5;border-radius:6px;padding:8px 14px;font-size:1.1em;color:#333;border:1px solid #ddd;display:inline-block;cursor:pointer;transition:background .2s}.mapping-id-info[data-v-a58b3218]:hover{background:#ffe0b2}.back-button[data-v-58200598]{position:absolute;top:24px;left:24px;background:transparent;border:none;padding:0;cursor:pointer;z-index:1100;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-button svg[data-v-58200598]{width:40px;height:40px;display:block}.back-button:hover circle[data-v-58200598]{fill:#ddd}.summary-block[data-v-19e5a52f]{border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:24px;background:#fafafa}.summary-photo[data-v-19e5a52f]{max-width:180px;max-height:120px;margin-top:8px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.summary-questions textarea[data-v-19e5a52f]{width:100%;max-width:400px;margin:24px 0 12px 0;font-size:1.1em;border-radius:6px;border:2px solid #4caf50;padding:10px}.button-primary[data-v-19e5a52f]{margin-bottom:24px}.summary-block ul[data-v-19e5a52f]{list-style-position:inside;padding-left:0;margin-left:0}.summary-block li[data-v-19e5a52f]{padding-left:1.2em;text-indent:-1.2em;margin-bottom:2px}.summary-block.clickable[data-v-19e5a52f]{cursor:pointer;transition:box-shadow .2s,background .2s}.summary-block.clickable[data-v-19e5a52f]:focus,.summary-block.clickable[data-v-19e5a52f]:hover{background:#ffe0b2;box-shadow:0 2px 12px rgba(255,179,0,.12);outline:none}.category-card[data-v-4a8c249c]{border:2px solid #ddd;border-radius:8px;padding:16px;text-align:center;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;background-color:#f9f9f9;color:#333}.category-card[data-v-4a8c249c]:hover{transform:scale(1.05);background-color:#e6e6e6}.category-card.selected[data-v-4a8c249c]{background-color:#4caf50;color:#fff;border-color:#4caf50}.error-msg[data-v-a2b6bd5c]{color:red;margin-top:10px;font-size:.9rem}.fab-camera[data-v-a2b6bd5c]{position:fixed;right:24px;bottom:24px;background:#ffb300;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.2);cursor:pointer;z-index:1000;transition:background .2s}.fab-camera[data-v-a2b6bd5c]:hover{background:#ffa000}.photo-success-banner[data-v-a2b6bd5c]{background:#4caf50}.camera-error-banner[data-v-a2b6bd5c],.photo-success-banner[data-v-a2b6bd5c]{position:fixed;left:0;right:0;bottom:24px;color:#fff;font-weight:700;text-align:center;padding:16px 0;border-radius:8px;margin:0 24px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.2);font-size:1.1em}.camera-error-banner[data-v-a2b6bd5c]{background:#e53935;cursor:pointer}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%;font-family:DM Sans,Arial,sans-serif}body{font-family:Arial,sans-serif;color:#323232;line-height:1.6}#logo{display:flex;justify-content:center;margin:20px 0}#logo img{width:150px;height:auto;max-width:90%}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:auto;padding:20px}h1{font-size:2rem;margin-bottom:20px;color:#027441;text-align:center}h1.responsive-heading{font-size:1.8rem}.button{border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;width:100%;max-width:300px;font-weight:700;font-size:1em;padding:10px 20px;margin:10px 10px}.button-primary{background-color:#ffb300;color:#fff}.button-primary:hover{background-color:#ffa000}.button-primary:active{background-color:#ff8f00}.button-success{background-color:#4caf50;color:#fff}.button-success:hover{background-color:#388e3c;color:#fff}.button-success:active{background-color:#2e7d32;color:#fff}.button-danger{background-color:#e53935;color:#fff}.button-danger:hover{background-color:#d32f2f}.button-danger:active{background-color:#c62828}input,textarea{width:100%;max-width:400px;padding:10px;font-size:16px;border:2px solid #4caf50;border-radius:5px;outline:none;margin-bottom:15px;transition:border-color .3s}input:focus,textarea:focus{border-color:#ffb300}textarea{height:100px;resize:none}.error{color:#323232;background-color:rgba(255,0,0,.2);border:1px solid #ffcdd2;padding:10px;border-radius:5px;font-size:.9em;width:100%;max-width:400px;margin-top:10px;text-align:center}.capture-photo img,.capture-photo video{width:100%;max-width:100%;height:auto;margin:20px 0;box-shadow:0 4px 8px rgba(0,0,0,.3)}.capture-photo{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.other-questions label{font-size:1.2rem;margin-bottom:15px;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}.other-questions img{max-width:100%;height:auto}.scan-qr{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.scan-qr h1{font-size:1.8rem}.scan-qr .qrcode-stream{width:100%;max-width:300px;height:300px;border:3px solid #fff;border-radius:8px;margin:20px 0}.summary p{font-size:1.2rem;margin-bottom:30px}.dynamic-card-page{text-align:center;margin:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.\ries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;justify-content:center;width:100%;max-width:1200px;margin:0 auto}.\ries-grid,.category-card{padding:16px;box-sizing:border-box}.category-card{background-color:#fff;border:2px solid #ddd;border-radius:8px;text-align:center;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;cursor:pointer;transition:all .3s;margin:5px}.category-card:hover{transform:scale(1.05);background-color:#f9f9f9}@media (max-width:768px){h1{font-size:1.8rem}.button{font-size:1rem;padding:12px 20px;z-index:9999;margin-bottom:100px}input,textarea{font-size:16px;padding:12px}.error{font-size:1rem}}@media (max-width:480px){h1{font-size:2rem}.button{font-size:1.2rem;padding:14px 22px}input,textarea{font-size:18px;padding:14px}.error{font-size:1.2rem}}