@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";html,body{height:100%;margin:0;padding:0;font-family:Montserrat,Segoe UI,Arial,sans-serif;background:#f6f8fa;color:#222}body.dark-mode{background:#181c1f;color:#f6f8fa}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:#23272b;color:#f6f8fa;border:1px solid #444}body.dark-mode .settings-form,body.dark-mode .report-form-site-input,body.dark-mode .report-form-reason-input,body.dark-mode .pdf-preview-content{background:#23272b;color:#f6f8fa}*,*:before,*:after{box-sizing:border-box}a{color:#235390;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;background:#eaf1fb}::-webkit-scrollbar-thumb{background:#b0c4de;border-radius:4px}.report-images{display:flex;flex-direction:column;gap:1em;margin-top:1em}.report-image-preview{display:flex;align-items:center;gap:1em;background:#f6f8fa;border-radius:8px;padding:.7em 1em;box-shadow:0 1px 4px #4f8cff12}body.dark-mode .report-image-preview{background:#23272b;box-shadow:0 1px 4px #4f8cff2e}.report-image-preview img{max-width:100px;border-radius:6px}.report-image-preview input[type=text]{flex:1}.report-image-preview button{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s;margin-right:.5em}body.dark-mode .report-image-preview button{background:#23272b;color:#b0c4de}.report-image-preview button:hover,body.dark-mode .report-image-preview button:hover{background:#4f8cff;color:#fff}.report-item-block button[type=button],.report-images button[type=button],.report-item-block button.add-item-btn{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s;margin-right:.5em}body.dark-mode .report-item-block button[type=button],body.dark-mode .report-images button[type=button],body.dark-mode .report-item-block button.add-item-btn{background:#23272b;color:#b0c4de}.report-item-block button[type=button]:hover,.report-images button[type=button]:hover,.report-item-block button.add-item-btn:hover,body.dark-mode .report-item-block button[type=button]:hover,body.dark-mode .report-images button[type=button]:hover,body.dark-mode .report-item-block button.add-item-btn:hover{background:#4f8cff;color:#fff}.report-item-block button[type=submit]{background:linear-gradient(90deg,#4f8cff,#235390);color:#fff;border:none;border-radius:6px;padding:.7em 1.5em;font-size:1.1em;font-weight:500;cursor:pointer;margin-top:1em;box-shadow:0 2px 8px #4f8cff1a;transition:background .2s,box-shadow .2s}.report-item-block button[type=submit]:hover:not(:disabled){background:linear-gradient(90deg,#235390,#4f8cff);box-shadow:0 4px 16px #4f8cff2e}.report-form-submit{background:linear-gradient(90deg,#4f8cff,#235390);color:#fff;border:none;border-radius:6px;padding:.7em 1.5em;font-size:1.1em;font-weight:500;cursor:pointer;margin-top:1em;box-shadow:0 2px 8px #4f8cff1a;transition:background .2s,box-shadow .2s}.report-form-submit:hover:not(:disabled){background:linear-gradient(90deg,#235390,#4f8cff);box-shadow:0 4px 16px #4f8cff2e}.report-item-block input[type=file]{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s;margin-top:.3em}.report-item-block input[type=file]::-webkit-file-upload-button,.settings-form input[type=file]::-webkit-file-upload-button{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s}.report-item-block input[type=file]:hover::-webkit-file-upload-button,.settings-form input[type=file]:hover::-webkit-file-upload-button{background:#4f8cff;color:#fff}.report-item-block input[type=file]::file-selector-button,.settings-form input[type=file]::file-selector-button{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s}.report-item-block input[type=file]:hover::file-selector-button,.settings-form input[type=file]:hover::file-selector-button{background:#4f8cff;color:#fff}.add-item-btn{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s;margin-bottom:1em}.add-item-btn:hover{background:#4f8cff;color:#fff}.report-item-block textarea,.report-item-block input[type=text],.report-form-site-input,.report-form-reason-input{font-size:1em;padding:.5em;border:1px solid #b0c4de;border-radius:5px;background:#f6f8fa;margin-top:.2em;min-height:40px;width:100%;box-sizing:border-box;font-family:inherit}.report-item-block textarea{min-height:80px}.report-form-preparedfor-input{font-size:1em;padding:.5em;border:1px solid #b0c4de;border-radius:5px;background:#f6f8fa;margin-top:.2em;min-height:40px;width:100%;box-sizing:border-box;font-family:inherit}body.dark-mode .report-form-preparedfor-input{background:#23272b;color:#b0c4de;border:1px solid #3a4a5a}.report-saved-message{background:#d4f5dd;color:#217a3a;border:1px solid #b6e2c6;border-radius:6px;padding:.7em 1.2em;margin-bottom:1em;text-align:center;font-weight:500;font-size:1.1em;box-shadow:0 2px 8px #217a3a14;animation:fadeInOut 2s}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.reports-list-btn{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1.2em;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;margin-right:.5em;box-shadow:0 1px 4px #4f8cff12;display:flex;align-items:center;justify-content:center}.reports-list-btn.delete{background:#ff4f4f;color:#fff}.reports-list-btn.delete:hover{background:#d32f2f;color:#fff}.add-item-btn,.report-form-submit,.settings-form button,.settings-form input[type=file],.report-item-block button,.report-images button,.reports-list-btn{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border .2s}.add-item-btn:hover,.report-form-submit:hover,.settings-form button:hover,.report-item-block button:hover,.report-images button:hover,.reports-list-btn:hover{background:#4f8cff;color:#fff}body.dark-mode .add-item-btn,body.dark-mode .report-form-submit,body.dark-mode .settings-form button,body.dark-mode .settings-form input[type=file],body.dark-mode .report-item-block button,body.dark-mode .report-images button,body.dark-mode .reports-list-btn{background:#23272b;color:#b0c4de;border:1px solid #444}body.dark-mode .add-item-btn:hover,body.dark-mode .report-form-submit:hover,body.dark-mode .settings-form button:hover,body.dark-mode .report-item-block button:hover,body.dark-mode .report-images button:hover,body.dark-mode .reports-list-btn:hover{background:#4f8cff;color:#fff}.signature-pad{display:flex;flex-direction:column;align-items:flex-start;gap:.5em}.signature-pad canvas{border:2px solid #b0c4de;border-radius:6px;background:#fff;box-shadow:0 1px 4px #4f8cff12}body.dark-mode .signature-pad canvas{background:#23272b;border:2px solid #444}.signature-pad button{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.4em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s}body.dark-mode .signature-pad button{background:#23272b;color:#b0c4de}.signature-pad button:hover,body.dark-mode .signature-pad button:hover{background:#4f8cff;color:#fff}.settings-logo-preview{margin-top:.5em;max-width:120px;border-radius:6px;box-shadow:0 2px 8px #4f8cff1a}body.dark-mode .settings-logo-preview{box-shadow:0 2px 8px #4f8cff40}.settings-signature-preview{margin-top:.5em;max-width:120px;border-radius:6px;box-shadow:0 2px 8px #4f8cff1a}.settings-form{display:flex;flex-direction:column;gap:1.5em;align-items:flex-start}body.dark-mode .settings-form{background:#23272b;color:#f6f8fa}.settings-form label{width:100%;align-items:flex-start}.settings-form .signature-pad{align-items:center;width:100%}.settings-form label[for=signature]{width:100%;display:flex;flex-direction:column;align-items:center}.settings-form input[type=file]{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border .2s;margin-top:.3em}body.dark-mode .settings-form input[type=file]{background:#23272b;color:#b0c4de;border:1px solid #444}.settings-form input[type=file]:hover,body.dark-mode .settings-form input[type=file]:hover{background:#4f8cff;color:#fff}.settings-form button[type=submit]{align-self:center;background:linear-gradient(90deg,#4f8cff,#235390);color:#fff;border:none;border-radius:6px;padding:.7em 1.5em;font-size:1.1em;font-weight:500;cursor:pointer;margin-top:1em;box-shadow:0 2px 8px #4f8cff1a;transition:background .2s,box-shadow .2s}.settings-form button[type=submit]:hover:not(:disabled){background:linear-gradient(90deg,#235390,#4f8cff);box-shadow:0 4px 16px #4f8cff2e}body.dark-mode .settings-form button[type=submit]{background:linear-gradient(90deg,#235390,#4f8cff);color:#fff}.settings-form button,.settings-form input[type=file]{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border .2s}.settings-form button:hover,.settings-form input[type=file]:hover{background:#4f8cff;color:#fff}body.dark-mode .settings-form button,body.dark-mode .settings-form input[type=file]{background:#23272b;color:#b0c4de;border:1px solid #444}body.dark-mode .settings-form button:hover,body.dark-mode .settings-form input[type=file]:hover{background:#4f8cff;color:#fff}.settings-form input[type=text],.settings-form input[name=name]{font-size:1em;padding:.5em;border:1px solid #b0c4de;border-radius:5px;background:#f6f8fa;margin-top:.2em;min-height:40px;width:50%;box-sizing:border-box;font-family:inherit}body.dark-mode .settings-form input[type=text],body.dark-mode .settings-form input[name=name]{background:#23272b;color:#f6f8fa;border:1px solid #444}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:#b0c4de;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 4px #4f8cff21}input:checked+.slider{background:#4f8cff}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.reports-list-ul{list-style:none;padding:0}.reports-list-li{margin-bottom:16px;background:#f6f8fa;border-radius:8px;padding:12px;box-shadow:0 1px 4px #4f8cff12;display:flex;align-items:flex-start;justify-content:space-between;transition:background .2s,color .2s}.reports-list-li>div:first-child{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.reports-list-li>div:last-child{display:flex;align-items:center;gap:8px;height:100%}.reports-list-btn{background:#eaf1fb;color:#235390;border:none;border-radius:6px;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s,color .2s;margin-right:.5em;display:flex;align-items:center;justify-content:center;height:2.5em;width:2.5em;padding:0;box-sizing:border-box;vertical-align:middle;margin-top:0!important}.reports-list-btn:last-child{margin-right:0}.reports-list-btn.delete{background:#ffeaea;color:#c00}.reports-list-btn:hover{background:#4f8cff;color:#fff}body.dark-mode .reports-list-li{background:#23272b;color:#f6f8fa;box-shadow:0 1px 4px #4f8cff2e}body.dark-mode .reports-list-btn{background:#23272b;color:#b0c4de}body.dark-mode .reports-list-btn.delete{background:#3a2323;color:#ffb0b0}body.dark-mode .reports-list-btn:hover{background:#4f8cff;color:#fff}.pdf-export-btn{height:2.5em!important;width:2.5em!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1em!important;box-sizing:border-box!important;margin-right:0!important;vertical-align:middle;margin-top:0!important}.reports-list-empty{color:#888;text-align:center;margin:2em 0}body.dark-mode .reports-list-empty{color:#b0c4de}.pdf-preview-actions{display:flex;gap:1em;justify-content:center!important;align-items:center;position:static;margin-bottom:2em;width:100%}.pdf-preview-btn{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s,color .2s;box-shadow:none;font-family:Montserrat,Segoe UI,Arial,sans-serif;outline:none;margin:0}.pdf-preview-btn:hover,.pdf-preview-btn:focus{background:#4f8cff;color:#fff}body.dark-mode .pdf-preview-btn{background:#23272b;color:#b0c4de;border:1px solid #444}body.dark-mode .pdf-preview-btn:hover,body.dark-mode .pdf-preview-btn:focus{background:#4f8cff;color:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{max-width:700px;margin:2em auto;background:#fff;border-radius:12px;box-shadow:0 4px 24px #4f8cff14;padding:2em 2.5em 2.5em}body.dark-mode .app-container{background:#23272b;color:#f6f8fa;box-shadow:0 4px 24px #22222247}header{display:flex;flex-direction:column;align-items:center;margin-bottom:2em}body.dark-mode header{color:#f6f8fa}header h1{margin:0 0 .5em;font-size:2.2em;color:#235390}body.dark-mode header h1{color:#b0c4de}nav{display:flex;gap:1em}nav button{background:#eaf1fb;color:#235390;border:none;border-radius:6px;padding:.5em 1.2em;font-size:1em;font-weight:500;font-family:Montserrat,Segoe UI,Arial,sans-serif;cursor:pointer;transition:background .2s}nav button:hover,nav button:focus{background:#4f8cff;color:#fff}body.dark-mode nav button{background:#23272b;color:#b0c4de;border:1px solid #444}body.dark-mode nav button:hover{background:#4f8cff;color:#fff}main{margin-top:1em}h2{color:#4f8cff;margin-bottom:1em}hr{border:none;border-top:1px solid #eaf1fb;margin:2em 0}