*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.app{display:flex;flex-direction:column;height:100%}.nav{display:flex;background:#4a90d9;padding:.5rem;gap:.5rem}.nav a{flex:1;padding:.75rem;text-align:center;color:#fff;text-decoration:none;border-radius:8px;font-weight:500}.nav a.active{background:#fff3}.main{flex:1;overflow:hidden}.map-container{height:100%;width:100%}.capture-container{padding:1rem;height:100%;overflow-y:auto}.capture-form{display:flex;flex-direction:column;gap:1rem}.capture-form h2{color:#333}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.gps-status{padding:.75rem;border-radius:8px;font-size:.875rem}.gps-status.fetching{background:#fff3cd;color:#856404}.gps-status.ready{background:#d4edda;color:#155724}.gps-status.error{background:#f8d7da;color:#721c24}.file-input{padding:1rem;border:2px dashed #4a90d9;border-radius:8px;text-align:center;cursor:pointer}.file-input:hover{background:#f0f7ff}.btn{padding:1rem;background:#4a90d9;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.btn:disabled{background:#ccc;cursor:not-allowed}.btn.secondary{background:#6c757d}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.media-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.media-card img,.media-card video{width:100%;height:150px;object-fit:cover}.media-card-content{padding:.75rem}.media-card-content .type{font-size:.75rem;color:#666;text-transform:uppercase}.media-card-content .date{font-size:.75rem;color:#999}.popup-content{min-width:200px}.popup-content img,.popup-content video{width:100%;max-height:150px;object-fit:cover;border-radius:4px}.popup-content audio{width:100%;margin-top:.5rem}.play-container{height:100%;display:flex;flex-direction:column}.play-container .map{flex:1}.play-status{padding:1rem;background:#f8f9fa;border-top:1px solid #ddd}.play-status h3{margin-bottom:.5rem}.play-status.nearby{background:#d4edda}.export-btn{position:absolute;top:1rem;right:1rem;z-index:1000;padding:.5rem 1rem;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;box-shadow:0 2px 4px #0000001a}.leaflet-container{height:100%;width:100%}.admin-container{padding:1rem;height:100%;overflow-y:auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-user{display:flex;align-items:center;gap:1rem}.admin-filters{display:flex;gap:.5rem;margin-bottom:1rem}.admin-filters button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.admin-filters button.active{background:#4a90d9;color:#fff;border-color:#4a90d9}.admin-list{display:flex;flex-direction:column;gap:1rem}.admin-item{display:flex;gap:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.admin-item.pending{border-left:4px solid #ffc107}.admin-item.approved{border-left:4px solid #28a745}.admin-item.rejected{border-left:4px solid #dc3545}.admin-item-preview{width:120px;height:80px;flex-shrink:0}.admin-item-preview img,.admin-item-preview video{width:100%;height:100%;object-fit:cover;border-radius:4px}.admin-item-info{flex:1}.admin-item-info p{margin:.25rem 0}.admin-item-info small{display:block;color:#666;font-size:.75rem}.admin-item-actions{display:flex;flex-direction:column;gap:.5rem}.btn.danger{background:#dc3545}.callback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}