@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body{overscroll-behavior-y:contain}body{min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--primary-color:#1e40af;--primary-hover:#1e3a8a;--primary-active:#1e3a8a;--primary-light:#3b82f6;--primary-lighter:#60a5fa;--primary-disabled:#94a3b8;--secondary-color:#64748b;--secondary-hover:#475569;--success-color:#2563eb;--success-hover:#1d4ed8;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#cbd5e1;--border-light:#e2e8f0;--background-hover:#f1f5f9;--background-white:#fff;--background-body:#f8fafc;--focus-ring:#3b82f61a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text-primary);background-color:var(--background-body);line-height:1.6}#root{max-width:1280px;margin:0 auto}.card{padding:2em}.app-home{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:16px;display:flex}.add-order-button{background-color:var(--primary-color);width:200px;color:var(--background-white);cursor:pointer;border:none;border-radius:6px;padding:16px 24px;font-size:16px;font-weight:500;transition:background-color .2s}.add-order-button:hover{background-color:var(--primary-hover)}.mobile-form-modal-overlay{z-index:1000;background-color:#0f172a59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mobile-form-modal-content{background-color:var(--background-white);border:1px solid var(--border-light);border-radius:10px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto}.Toastify__toast--animate{animation:none!important}.Toastify__toast{transition:none!important}@media (width<=768px){.home-stats-grid{grid-template-columns:1fr}.mobile-form-modal-overlay{align-items:stretch;padding:0}.mobile-form-modal-content{border:none;border-radius:0;max-width:none;height:100dvh;max-height:none}}.question-container .question-prompt{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600;display:block}.question-container .question-input{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:10px 12px;font-size:16px;transition:border-color .2s}.question-container .question-input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.question-container .question-textarea{border:1px solid var(--border-color);resize:vertical;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .2s}.question-container .question-textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.question-container .question-select{border:1px solid var(--border-color);background-color:var(--background-white);cursor:pointer;border-radius:6px;width:100%;padding:10px 12px;font-size:16px;transition:border-color .2s}.question-container .question-select:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.question-container .question-radio-group{flex-direction:column;gap:10px;display:flex}.question-container .question-radio-label{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:0 8px;font-size:16px;transition:background-color .2s;display:flex}.question-container .question-radio-label:hover{background-color:var(--background-hover)}.question-container .question-radio-label input[type=radio]{cursor:pointer;width:18px;height:18px}.question-camera-container{flex-direction:column;gap:12px;width:100%;display:flex}.question-camera-container .photo-previews{flex-wrap:wrap;gap:12px;min-height:145px;display:flex}.question-camera-container .photo-previews .photo-preview{flex-direction:column;align-items:center;gap:8px;display:flex}.question-camera-container .photo-previews .photo-preview-image{object-fit:cover;border:1px solid var(--border-light);background-color:var(--background-body);border-radius:8px;width:100px;height:100px}.question-camera-container .photo-previews .photo-remove-button{border:1px solid var(--border-color);background-color:var(--background-white);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.9rem}.question-camera-container .photo-previews .photo-remove-button:hover{background-color:var(--background-hover)}.question-camera-container .capture-container{flex-flow:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:50px;display:flex}.question-camera-container .capture-container .question-camera-button{background-color:var(--secondary-color);color:var(--background-white);cursor:pointer;text-align:center;border-radius:5px;width:25%;min-width:200px;margin-bottom:0;padding:10px 20px}.question-camera-container .capture-container .question-camera-button:hover{background-color:var(--secondary-hover)}.question-camera-container .capture-container .question-gallery-button{background-color:var(--secondary-color);margin-bottom:0}.question-camera-container .capture-container .question-gallery-button:hover{background-color:var(--secondary-hover)}.question-camera-container .capture-container input[type=file]{opacity:0;display:none}.question-camera-container .question-add-photo-button{background-color:var(--primary-color);color:var(--background-white);cursor:pointer;border-radius:5px;padding:10px 20px}.question-camera-container .question-add-photo-button:hover{background-color:var(--background-hover)}.screen{max-width:800px;margin:0 auto;padding:10px}.screen-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.screen-title{margin-top:0;margin-bottom:0;font-size:24px}.screen-remove-entry{white-space:nowrap}.screen-summary{border:1px solid var(--border-light);background-color:var(--background-body);border-radius:8px;flex-wrap:nowrap;align-items:center;gap:12px;margin-top:-4px;margin-bottom:8px;padding:6px 10px;display:flex;overflow-x:auto}.screen-summary-item{white-space:nowrap;gap:6px;display:flex}.screen-summary-label{color:var(--text-secondary);font-weight:600}.screen-summary-value{color:var(--text-primary);white-space:nowrap}.screen-questions{flex-direction:column;gap:20px;display:flex}.existing-actions{margin-bottom:16px}.existing-actions ul{margin:8px 0 0;padding-left:20px;list-style-type:disc}.existing-actions li{margin-bottom:6px}.screen-footer{justify-content:center;padding:12px 0;display:flex}.screen-footer .repeat-div{text-align:center;margin:0 10px}.mobile-form{max-width:800px;margin:0 auto;padding:10px 10px 18px}.mobile-form .mobile-form-top-actions{justify-content:flex-start;align-items:center;margin-bottom:12px;display:flex}.mobile-form .mobile-form-top-actions .top-action-cancel{margin-left:auto}.mobile-form .form-navigation{justify-content:center;gap:12px;margin-top:0;padding-top:0;display:flex}.mobile-form .link{color:var(--primary-color);cursor:pointer;font-weight:500;transition:color .2s}.mobile-form .link.disabled{color:var(--primary-disabled);cursor:not-allowed}.mobile-form .link:hover{color:var(--primary-hover)}.mobile-form .nav-button{background-color:var(--primary-color);width:50%;color:var(--background-white);cursor:pointer;border:none;border-radius:6px;margin:0 auto;padding:12px 24px;font-size:16px;font-weight:500;transition:background-color .2s}.mobile-form .nav-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed}.mobile-form .nav-button:not(:disabled):hover{background-color:var(--primary-hover)}.mobile-form .submit-button{background-color:var(--success-color);width:50%;color:var(--background-white);cursor:pointer;border:none;border-radius:6px;margin:0 auto;padding:12px 24px;font-size:16px;font-weight:500;transition:background-color .2s}.mobile-form .submit-button:disabled{background-color:var(--secondary-color);cursor:not-allowed}.mobile-form .submit-button:not(:disabled):hover{background-color:var(--success-hover)}@media (width<=480px){.mobile-form .nav-button,.mobile-form .submit-button{width:100%}}.cancel-modal-overlay{z-index:1100;background-color:#0f172a66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cancel-modal-card{background-color:var(--background-white);border:1px solid var(--border-light);text-align:center;border-radius:12px;width:100%;max-width:420px;padding:20px;box-shadow:0 18px 40px #0f172a2e}.cancel-modal-card h3{margin:0 0 8px;font-size:20px}.cancel-modal-card p{color:var(--text-secondary);margin:0 0 16px}.cancel-modal-actions{flex-direction:column;gap:12px;display:flex}.cancel-modal-card .cancel-modal-actions .nav-button{box-sizing:border-box;width:100%;max-width:none}.cancel-modal-button{background-color:var(--secondary-color);width:100%;color:var(--background-white);cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;transition:background-color .2s}.cancel-modal-button:hover{background-color:var(--secondary-hover)}.order-submit-popup{z-index:5;background:linear-gradient(160deg,#fff 0%,#f7fbff 100%);border:1px solid #0000;border-radius:10px;margin:16px auto 0;padding:14px;position:sticky;bottom:8px;box-shadow:0 10px 24px #09162829}.order-submit-popup.active{border-color:#1b6ad6}.order-submit-popup.complete{border-color:#198754}.order-submit-popup.queued{border-color:#b58300}.order-submit-popup.failed{border-color:#c62828}.order-submit-popup-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-submit-popup-badge{color:#093a7e;background:#e4efff;border:1px solid #8fb7ff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.order-submit-popup-message{color:#1d2a3a;margin:10px 0 8px;font-size:14px}.order-submit-popup-progress-track{background:#deebff;border-radius:999px;height:8px;overflow:hidden}.order-submit-popup-progress-fill{background:linear-gradient(90deg,#1f7aff 0%,#1fb0ff 100%);border-radius:999px;height:100%;transition:width .25s}.order-submit-popup-progress-label{text-align:right;color:#4a5a70;margin-top:6px;font-size:12px}.failed-order-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.failed-order-modal-card{background:#fff;border-radius:8px;flex-direction:column;gap:1em;width:100%;max-width:900px;padding:2em;display:flex;box-shadow:0 2px 16px #0003}.failed-order-modal-card h3{margin-block:.25em;font-size:1.5em}.failed-order-modal-card p{margin-block:.25em;font-size:.9em}.failed-order-content{grid-template-columns:240px 1fr;gap:12px;display:grid}.failed-order-list{border:1px solid #d8d8d8;border-radius:8px;flex-direction:column;gap:8px;max-height:360px;padding:8px;display:flex;overflow-y:auto}.failed-order-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;gap:4px;width:100%;padding:10px;display:flex}.failed-order-item.selected{background:#eef4ff;border-color:#1e40af}.failed-order-item span{color:#475569;font-size:12px}.failed-order-details{flex-direction:column;gap:8px;display:flex}.failed-order-summary{width:100%;margin-bottom:.5em;font-family:monospace;font-size:1em}.failed-order-actions{gap:8px;display:flex}.delete-failed-order-button{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:4px;padding:.5em 1em}.failed-order-empty{color:#64748b;margin:0}.close-modal-button{cursor:pointer;background:#eee;border:none;border-radius:4px;align-self:flex-end;margin-top:1em;padding:.5em 1.5em}@media (width<=768px){.failed-order-modal-card{max-height:95vh;padding:1em;overflow-y:auto}.failed-order-content{grid-template-columns:1fr}}.confirm-modal-overlay{z-index:1100;background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal-card{background:#fff;border-radius:10px;flex-direction:column;gap:.75em;width:calc(100% - 2em);max-width:420px;padding:1.5em;display:flex;box-shadow:0 10px 24px #0f172a59}.confirm-modal-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-cancel-button{cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:.5em 1em}.confirm-submit-button{color:#fff;cursor:pointer;background:#1e40af;border:none;border-radius:6px;padding:.5em 1em}.home-stats{background-color:var(--background-white);border:1px solid var(--border-light);border-radius:10px;width:100%;max-width:520px;padding:8px}.home-stats h2{margin:0 0 12px;font-size:18px;line-height:1.2}.home-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-stats-one-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;display:grid}.home-stat-card{border:1px solid var(--border-light);background-color:var(--background-body);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;display:flex}.home-stat-card-button{border:1px solid var(--border-light);text-align:center;cursor:pointer;width:100%}.home-stat-card-button:hover{border-color:var(--primary-light);background-color:var(--background-hover)}.home-stat-label{color:var(--text-secondary);font-size:13px}.home-stat-value{font-size:28px;font-weight:700;line-height:1}.home-stat-fail-instructions{text-align:center;grid-column:1/-1}@media (width<=768px){.home-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-stats-one-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}.home-stat-card{padding:10px 8px}.home-stat-label{font-size:12px}.home-stat-value{font-size:22px}}.top-banner{color:#fff;text-align:center;background-color:#4fd33a;justify-content:center;align-items:center;padding:0 8px;font-weight:700;display:flex}.top-banner.qa{background-color:#f8aa2c}.top-banner.prod{background-color:#1e40af}.top-banner .banner-text{text-align:center;flex:1}.top-banner .menu-icon{cursor:pointer;font-size:2.4em}.top-banner .dropdown-menu{color:#000;z-index:1000;background-color:#fff;border:1px solid #ccc;border-radius:4px;flex-direction:column;gap:6px;min-width:140px;padding:8px 10px;display:flex;position:absolute;top:32px;right:8px;box-shadow:0 2px 8px #00000026}.top-banner .dropdown-menu a{color:inherit;font-weight:600;line-height:1.2;text-decoration:none;display:block}.top-banner .dropdown-menu .logout-button{color:inherit;text-align:left;font-weight:600;line-height:1.2;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;display:block}.top-banner .dropdown-menu a:hover,.top-banner .dropdown-menu .logout-button:hover:not(:disabled){text-decoration:underline}.top-banner .dropdown-menu .logout-button:disabled{opacity:.6;cursor:not-allowed}.top-banner .user-info{text-align:left;border-bottom:1px solid #e6e6e6;margin-bottom:2px;padding-bottom:6px;font-weight:400}.top-banner .user-info p{margin:0;font-size:.85em;line-height:1.3}.build-form{max-width:800px;margin:0 auto;padding:10px 10px 18px}.build-form .build-form-top-actions{justify-content:flex-start;align-items:center;margin-bottom:12px;display:flex}.build-form .build-form-top-actions .top-action-cancel{margin-left:auto}.build-form .form-navigation{justify-content:center;gap:12px;margin-top:0;padding-top:0;display:flex}.build-form .link{color:var(--primary-color);cursor:pointer;font-weight:500;transition:color .2s}.build-form .link.disabled{color:var(--primary-disabled);cursor:not-allowed}.build-form .link:hover{color:var(--primary-hover)}.build-form .nav-button{background-color:var(--primary-color);width:50%;color:var(--background-white);cursor:pointer;border:none;border-radius:6px;margin:0 auto;padding:12px 24px;font-size:16px;font-weight:500;transition:background-color .2s}.build-form .nav-button:disabled{background-color:var(--primary-disabled);cursor:not-allowed}.build-form .nav-button:not(:disabled):hover{background-color:var(--primary-hover)}.build-form .submit-button{background-color:var(--success-color);width:50%;color:var(--background-white);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:12px 24px;font-size:16px;font-weight:500;transition:background-color .2s;display:inline-flex}.build-form .submit-button:disabled{background-color:var(--secondary-color);cursor:not-allowed}.build-form .submit-button:not(:disabled):hover{background-color:var(--success-hover)}.build-form .submit-spinner{border:2px solid #ffffff73;border-top-color:var(--background-white);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite build-form-spin}@keyframes build-form-spin{to{transform:rotate(360deg)}}@media (width<=480px){.build-form .nav-button,.build-form .submit-button{width:100%}}.install-page{color:#0f172a;background:radial-gradient(circle at top,#e0f2fe 0%,#f8fafc 45%,#f1f5f9 100%);align-content:start;gap:32px;min-height:100vh;padding:48px 20px 64px;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;display:grid}.install-hero{gap:12px;max-width:520px;display:grid}.install-hero h1{margin:0;font-size:clamp(2rem,3vw,2.6rem);line-height:1.1}.install-hero p{color:#334155;margin:0;font-size:1.05rem}.install-badge{color:#f8fafc;letter-spacing:.08em;text-transform:uppercase;background:#0f172a;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:6px 12px;font-size:.75rem;display:inline-flex}.install-card{background:#fff;border:1px solid #94a3b84d;border-radius:18px;gap:16px;max-width:560px;padding:24px;display:grid;box-shadow:0 20px 50px #0f172a1f}.install-card h2{margin:0;font-size:1.5rem}.install-card p{color:#475569;margin:0}.install-steps{color:#334155;gap:8px;margin:0;padding-left:18px;display:grid}.install-button{color:#f8fafc;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:none;border-radius:999px;padding:12px 22px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px #2563eb4d}.install-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #2563eb5c}.install-button:active{transform:translateY(0);box-shadow:0 8px 18px #2563eb47}.install-footnote{color:#64748b;font-size:.9rem}@media (width<=600px){.install-page{padding:36px 18px 48px}.install-card{padding:20px}}