*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1f2937;background-color:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;display:flex;flex-direction:column}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2563eb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:9999}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.app-header{background-color:#2563eb;color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem;max-width:1200px;margin:0 auto}#page-title{font-size:1.25rem;font-weight:600;flex:1;text-align:center;margin:0 1rem}.btn-icon{background:0 0;border:0;color:#fff;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s;touch-action:manipulation}.btn-icon:hover{background-color:rgba(255,255,255,.1)}.btn-icon:active{background-color:rgba(255,255,255,.2)}.icon{width:24px;height:24px}.icon-large{width:48px;height:48px}.progress-bar{height:4px;background-color:rgba(255,255,255,.2);overflow:hidden}.progress-fill{height:100%;background-color:#10b981;transition:width .3s ease;width:0%}.main-content{flex:1;overflow-x:hidden;position:relative}.screen{display:none;width:100%;min-height:calc(100vh - 80px)}.screen.active{display:block}.screen-content{max-width:1200px;margin:0 auto;padding:1rem}.welcome-section{text-align:center;padding:2rem 0}.app-icon{color:#2563eb;margin-bottom:1rem}.welcome-section h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.welcome-section p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;border:0;cursor:pointer;transition:all .2s;touch-action:manipulation;min-height:48px}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:active{background-color:#1e40af;transform:translateY(1px)}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb}.btn-secondary:active{background-color:#f3f4f6;transform:translateY(1px)}.btn-large{padding:1.25rem 2rem;font-size:1.1rem}.btn-icon{width:20px;height:20px}.form-section{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1rem}.form-section h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.form-section-title{font-size:1.1rem;font-weight:600;color:#374151;margin:2rem 0 1rem 0;padding-top:1rem;border-top:1px solid #e5e7eb}.form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-label{font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-input::placeholder{color:#9ca3af}textarea.form-input{resize:vertical;min-height:80px}.voice-input-container{position:relative;display:flex;align-items:stretch}.voice-input-container textarea{flex:1;padding-right:3rem}.voice-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:0 0;border:0;color:#6b7280;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:1}.voice-btn:hover{color:#2563eb;background-color:#f3f4f6}.voice-btn.listening{color:#dc2626;animation:pulse 1.5s ease-in-out infinite}.voice-btn.listening::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #dc2626;border-radius:.375rem;animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-border{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}select.form-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-actions{display:flex;gap:1rem;margin-top:2rem;flex-direction:column}.subtitle{color:#6b7280;font-size:.875rem;margin-bottom:2rem}.compliance-section{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.compliance-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.meter-grid{display:grid;gap:1rem}.meter-item{border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem}.meter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.meter-label{font-weight:500;color:#374151}.required{background-color:#fef2f2;color:#dc2626;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.optional{background-color:#f0f9ff;color:#0284c7;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.btn-photo{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-top:.5rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;cursor:pointer;transition:background-color .2s;width:100%;justify-content:center}.btn-photo:hover{background-color:#e5e7eb}.photo-preview{margin-top:.75rem;border-radius:.375rem;overflow:hidden}.photo-preview img{width:100%;height:auto;display:block}.safety-checks{display:flex;flex-direction:column;gap:1rem}.safety-item{border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;margin-bottom:1rem}.safety-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.safety-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#374151}.safety-details{margin-left:2rem;padding-top:1rem;border-top:1px solid #f3f4f6;display:none}.safety-item:has(input:checked) .safety-details{display:block}.safety-item.expanded .safety-details{display:block}.safety-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:.25rem;margin-right:.75rem;position:relative;transition:all .2s}.safety-label input[type=checkbox]:checked+.checkmark{background-color:#2563eb;border-color:#2563eb}.safety-label input[type=checkbox]:checked+.checkmark::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.keys-section{display:flex;flex-direction:column;gap:1rem}.quick-add-rooms{background:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.quick-add-rooms h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.room-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.btn-room{padding:.75rem 1rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.btn-room:hover{background-color:#e5e7eb}.btn-room:active{background-color:#d1d5db;transform:translateY(1px)}#custom-room-btn{background-color:#2563eb;color:#fff;border-color:#2563eb}#custom-room-btn:hover{background-color:#1d4ed8}.rooms-list{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.rooms-list h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.rooms-container{display:flex;flex-direction:column;gap:.75rem}.room-card{border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;background-color:#fafafa}.room-info h4{font-weight:500;color:#1f2937;margin-bottom:.25rem}.room-status{font-size:.75rem;color:#6b7280}.room-actions{display:flex;gap:.5rem}.btn-small{padding:.5rem .75rem;font-size:.75rem;border-radius:.25rem}.empty-state{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.recent-inspections{margin-top:2rem}.recent-inspections h3{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.recent-list{display:flex;flex-direction:column;gap:.75rem}.recent-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;cursor:pointer;transition:all .2s}.recent-item:hover{border-color:#2563eb;box-shadow:0 2px 4px rgba(37,99,235,.1)}.recent-item h4{font-weight:500;color:#1f2937;margin-bottom:.25rem}.recent-item p{font-size:.875rem;color:#6b7280}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:9999;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal.active{display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#fff;border-radius:.5rem;max-width:90vw;max-height:90vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;-webkit-overflow-scrolling:touch;max-height:calc(90vh - 120px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-header h3{font-size:1.25rem;font-weight:600;color:#1f2937}.modal-footer{border-top:1px solid #e5e7eb;padding:1rem;display:flex;gap:1rem;justify-content:flex-end;flex-shrink:0}.camera-container{flex:1;display:flex;align-items:center;justify-content:center;background:#000;position:relative;min-height:200px}#camera-video{width:100%;height:auto;max-height:60vh;object-fit:cover}.camera-controls{padding:1rem;display:flex;justify-content:center;flex-shrink:0}@media (min-width:768px){.screen-content{padding:2rem}.action-buttons{flex-direction:row;justify-content:center;max-width:600px;margin:0 auto 2rem}.form-actions{flex-direction:row;justify-content:flex-end}.form-actions .btn-secondary{order:-1;margin-right:auto}.meter-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.room-buttons{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.modal-content{max-width:600px}}@media (min-width:1024px){.screen-content{padding:3rem}.welcome-section{padding:3rem 0}.welcome-section h2{font-size:2rem}.action-buttons{max-width:500px}.form{max-width:800px;margin:0 auto}.meter-grid{grid-template-columns:repeat(3,1fr)}.room-buttons{grid-template-columns:repeat(4,1fr)}}@media print{.app-header,.form-actions,.btn-photo,.camera-controls{display:none!important}.screen-content{padding:0}.form-section,.compliance-section,.rooms-list{box-shadow:none;border:1px solid #e5e7eb}}.item-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:2rem}.item-category{padding:.75rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;text-align:center;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;color:#374151}.item-category:hover{background-color:#e5e7eb}.item-category.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.item-form{display:flex;flex-direction:column;gap:1rem}.item-form .form-group{display:flex;flex-direction:column;gap:.5rem}.item-form .form-label{font-weight:500;color:#374151}.item-form .form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem}.rating-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.rating-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s;flex:1;min-width:80px;text-align:center}.rating-btn:hover{background-color:#f3f4f6}.rating-btn.selected{background-color:#2563eb;color:#fff;border-color:#2563eb}.rating-btn.condition-excellent{background-color:#10b981;color:#fff}.rating-btn.condition-good{background-color:#059669;color:#fff}.rating-btn.condition-fair{background-color:#f59e0b;color:#fff}.rating-btn.condition-poor{background-color:#ef4444;color:#fff}.rating-btn.condition-damaged{background-color:#dc2626;color:#fff}.additional-photos{margin-top:1rem}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:.75rem}.photo-item{position:relative;aspect-ratio:1;border-radius:.375rem;overflow:hidden;border:1px solid #e5e7eb}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-remove{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;background-color:rgba(220,38,38,.9);color:#fff;border:0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;transition:background-color .2s}.photo-remove:hover{background-color:#b91c1c}.add-photo-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed #d1d5db;border-radius:.375rem;background-color:#fafafa;color:#6b7280;cursor:pointer;transition:all .2s;text-align:center;padding:.5rem}.add-photo-btn:hover{border-color:#2563eb;background-color:#f0f9ff;color:#2563eb}.add-photo-btn .icon{width:24px;height:24px;margin-bottom:.25rem}.add-photo-btn span{font-size:.75rem;font-weight:500}.items-list{margin-top:1rem;border-top:1px solid #e5e7eb;padding-top:1rem}.items-list h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.item-entry{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.5rem;background-color:#fafafa}.item-entry:last-child{margin-bottom:0}.item-details{flex:1}.item-name{font-weight:500;color:#1f2937;margin-bottom:.25rem}.item-condition{font-size:.875rem;color:#6b7280}.item-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:.25rem .5rem;border:0;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-edit{background-color:#3b82f6;color:#fff}.btn-edit:hover{background-color:#2563eb}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.empty-items{text-align:center;color:#6b7280;font-style:italic;padding:2rem 1rem;border:1px dashed #d1d5db;border-radius:.375rem;margin-top:1rem}.pdf-section{margin-bottom:2rem;page-break-inside:avoid}.pdf-room-header{border-bottom:2px solid #2563eb;padding-bottom:.5rem;margin-bottom:1rem}.pdf-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0;page-break-inside:avoid}.pdf-photo{width:100%;height:200px;object-fit:cover;border:1px solid #e5e7eb;border-radius:.25rem}.pdf-condition-table{width:100%;border-collapse:collapse;margin:1rem 0}.pdf-condition-table th,.pdf-condition-table td{padding:.75rem;border:1px solid #d1d5db;text-align:left}.pdf-condition-table th{background-color:#f9fafb;font-weight:600;color:#1f2937}.condition-excellent{color:#059669;font-weight:600}.condition-good{color:#0891b2;font-weight:600}.condition-fair{color:#d97706;font-weight:600}.condition-poor{color:#dc2626;font-weight:600}.condition-damaged{color:#991b1b;font-weight:700}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-contrast:high){.btn-primary{background-color:#000;border:2px solid #000}.btn-secondary{border:2px solid #000}.form-input{border:2px solid #000}}