@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg-color: #121212;--text-color: #e0e0e0;--border-color: #333;--link-color: #6EE7B7;--input-bg: #1e1e1e;--input-text: #ffffff;--button-bg: #6EE7B7;--button-text: #000000;font-family:roboto,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--bg-color)}*{box-sizing:border-box}body{margin:0}a{color:var(--link-color)}hr{border:0;border-top:1px solid var(--border-color)}#app-root{max-width:900px;margin:3rem auto;padding:1.5rem;text-align:center}h1{margin:0 0 .5rem;font-size:2rem}p{margin:.5rem 0 0;color:var(--text-color);opacity:.8}.form-container{background-color:var(--input-bg);border-radius:8px;border:1px solid var(--border-color);padding:2rem;margin-top:2rem}form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto;text-align:left}.form-group{display:flex;flex-direction:column;gap:.5rem}label{font-weight:700}input,select,textarea{padding:.5rem;background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--input-text);border-radius:4px;resize:vertical}button{padding:.75rem;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:4px;cursor:pointer;font-weight:700}button:hover{opacity:.9}.filter-accordion{margin-bottom:2rem;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background-color:var(--input-bg)}.filter-toggle{width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;font-weight:600;transition:background-color .2s}.filter-toggle:hover{background-color:#ffffff0d}.toggle-icon{font-size:.8rem;transition:transform .3s ease}.toggle-icon.rotated{transform:rotate(180deg)}.filter-container{padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--border-color)}.filter-item{display:flex;flex-direction:column;gap:.25rem}.filter-input,.filter-select{padding:.5rem;min-width:140px}.filter-input{width:200px}.reset-button{background-color:#f44336;color:#fff}.reset-button:hover{background-color:#d32f2f}.reports-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:2rem;background-color:var(--input-bg);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.reports-table th,.reports-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}.reports-table th{background-color:#252525;color:var(--link-color);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05rem}.reports-table tr:last-child td{border-bottom:none}.reports-table tbody tr:hover{background-color:#2a2a2a;transition:background-color .2s ease}.reports-table a{text-decoration:none;font-weight:500}.reports-table a:hover{text-decoration:underline}.create-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--button-bg);color:var(--button-text);text-decoration:none;border-radius:4px;font-weight:700}.create-button:hover{opacity:.9}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--input-bg);padding:2rem;border-radius:8px;width:90%;max-width:500px;position:relative;box-shadow:0 4px 6px #0000004d;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-header h2{margin:0;font-size:1.5rem}.close-button{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-body{margin-bottom:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.secondary-button{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.secondary-button:hover{background-color:#ffffff0d}.pagination-container{margin-top:1.5rem}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem}.pagination-jump{display:flex;justify-content:center;margin-top:.5rem}.pagination-select{padding:.4rem .8rem;font-size:.9rem;background-color:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;outline:none}.pagination-select:focus{border-color:var(--button-bg)}.pagination-button{padding:.5rem 1rem;font-size:.9rem;background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--border-color);opacity:1}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--text-color);opacity:.8}.page-container{padding:1rem}.text-center{text-align:center}.flex-center{display:flex;justify-content:center}.loading-container{padding:1rem;text-align:center}.error-container{padding:1rem;text-align:center;color:red}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;text-align:center}.not-found-box{background-color:var(--input-bg);padding:2rem;border-radius:8px;border:1px solid var(--border-color);max-width:400px}.not-found-box h2{color:var(--link-color);margin-bottom:1rem}.not-found-box p{margin-bottom:1.5rem}.back-home-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--button-bg);color:var(--button-text);text-decoration:none;border-radius:4px;font-weight:700}.back-link-container{display:flex;justify-content:center}.back-link{color:var(--button-bg);text-decoration:none}.back-link-muted{color:#40e0d0;text-decoration:none}.mobile-container{max-width:480px;margin:0 auto;min-height:100vh;box-sizing:border-box;overflow-x:hidden;padding-bottom:60px}.hidden{display:none}.display-block{display:block}.spinner-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background-color:#000000b3;padding:2rem;border-radius:12px;border:1px solid var(--border-color)}.spinner{width:50px;height:50px;border:5px solid rgba(110,231,183,.2);border-top:5px solid var(--button-bg);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-rmiz-ghost]{position:absolute;pointer-events:none}[data-rmiz-btn-zoom],[data-rmiz-btn-unzoom]{background-color:#000000b3;border-radius:50%;border:none;box-shadow:0 0 1px #ffffff80;color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rmiz-btn-zoom]:not(:focus):not(:active){position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{position:absolute;inset:10px 10px auto auto;cursor:zoom-in}[data-rmiz-btn-unzoom]{position:absolute;inset:20px 20px auto auto;cursor:zoom-out;z-index:1}[data-rmiz-content=found] img,[data-rmiz-content=found] svg,[data-rmiz-content=found] [role=img],[data-rmiz-content=found] [data-zoom]{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{position:fixed;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;pointer-events:all}[data-rmiz-modal-overlay]{position:absolute;inset:0;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:#fff0}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{position:relative;width:100%;height:100%}[data-rmiz-modal-img]{position:absolute;cursor:zoom-out;image-rendering:high-quality;transform-origin:top left;transition:transform .3s}@media(prefers-reduced-motion:reduce){[data-rmiz-modal-overlay],[data-rmiz-modal-img]{transition-duration:.01ms!important}}.photo-gallery{margin:1rem 0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.gallery-item{position:relative;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;border:1px solid var(--border-color, #ccc)}div[data-rmiz-modal-overlay=visible]{background-color:#000000c4}.gallery-image{width:100%;height:100%;object-fit:cover;display:block}.gallery-add-item{aspect-ratio:1 / 1;border:2px dashed var(--border-color, #ccc);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#0000000d}.gallery-add-item:hover{background-color:#0000001a}.add-image-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.hidden-input{display:none}.plus-icon{font-size:2rem;color:var(--text-color, #333)}.add-text{font-size:.8rem;color:var(--text-color, #333)}.remove-image-button{position:absolute;top:5px;right:5px;background:#ff4d4fe6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;z-index:100;transition:background .2s,transform .1s}.remove-image-button:hover{background:#ff4d4f;transform:scale(1.1)}.remove-image-button:active{transform:scale(.9)}.no-images-text{text-align:center;color:var(--text-muted, #666);font-style:italic}.report-card{background-color:var(--input-bg);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);max-width:500px;margin:20px auto}.report-card-header{text-align:center;margin-bottom:20px}.report-card-image{width:150px;height:150px;object-fit:cover;border-radius:50%;border:2px solid transparent;cursor:pointer}.report-card-name{margin-top:10px;color:#00ced1;word-break:break-all;overflow-wrap:anywhere}.report-card-location{word-break:break-all;overflow-wrap:anywhere}.report-card-details{display:grid;grid-template-columns:1fr 2fr;gap:10px;align-items:center}.report-card-comments{grid-column:span 2;white-space:pre-wrap;text-align:left;margin-top:5px;font-size:.9rem}.report-card-actions{margin-top:30px;text-align:center;display:flex;flex-direction:column;gap:10px}.edit-button-plain{background-color:transparent;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;width:100%}.delete-button-plain{background-color:transparent;color:red;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;width:100%}.report-card-name-input{margin-top:10px;padding:.5rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--bg-color);color:#00ced1;width:80%}.report-card-comments-input{grid-column:span 2}.report-card-grade{font-weight:700}.report-card-gallery{margin-top:20px;border-top:1px solid var(--border-color);padding-top:10px}.report-card-gallery h3{font-size:1.1rem;margin-bottom:10px;color:var(--text-color)}.save-button{background-color:#4caf50;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;flex:1}.cancel-button{background-color:#9e9e9e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;flex:1}.flex-row-gap{display:flex;gap:10px}.backup-reminder{background-color:#3b82f6;color:#fff;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:2000;font-size:.9rem;box-shadow:0 2px 4px #0000001a;animation:slideDown .3s ease-out}.backup-reminder-content{display:flex;align-items:center;gap:8px}.backup-icon{flex-shrink:0}.close-reminder{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.close-reminder:hover{opacity:1}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}body:has(.backup-reminder){padding-top:40px}.navbar{background-color:#1a1a1a;height:60px;display:flex;justify-content:center;align-items:center;font-size:1rem;position:fixed;bottom:0;left:0;right:0;z-index:999;border-top:1px solid var(--border-color)}.navbar-container{display:flex;justify-content:space-around;align-items:center;height:60px;width:100%;max-width:500px;padding:0 1rem}.nav-links{color:var(--text-color);display:flex;align-items:center;justify-content:center;text-decoration:none;padding:0 .5rem;height:100%;transition:all .3s ease;font-weight:500}.nav-links:hover,.nav-links.active{color:var(--link-color)}.export-button{background:transparent;border:none;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 .5rem;height:100%;transition:all .3s ease}.export-button:hover{color:var(--link-color)}.export-menu-container{position:relative;height:100%;display:flex;align-items:center}.export-dropdown{position:absolute;bottom:100%;right:0;background-color:#1a1a1a;border:1px solid var(--border-color);border-radius:8px;padding:.5rem 0;margin-bottom:.5rem;min-width:120px;width:240px;box-shadow:0 -4px 10px #0000004d;display:flex;flex-direction:column;z-index:1000}.dropdown-item{background:transparent;border:none;color:var(--text-color);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;width:100%;text-align:left;transition:background-color .2s;font-size:.9rem;text-decoration:none;box-sizing:border-box}.dropdown-item:hover{background-color:#333;color:var(--link-color)}.dropdown-item span{flex:1}